beleaf

Josh

<p>Videos are one of the largest assets that can be loaded on a webpage, and as such are one of the largest contributors to slow performance and high carbon emissions.</p>
<p>In fact, adding a Youtube embed to a page using the latest default WordPress theme, increased the page transfer size from 21 kb to 973 kb, and loaded an additional 27 resources. That’s an increase in transfer size of 4533%. Adding a Vimeo video increased the transfer from 21 kb to 276 kb, an increase in transfer size of 1214%, and loaded an additional 7 resources.</p>
<p>The Lazy Embed plugin defers the loading of any resource required for playing the video until the video is requested to be played. It does this by adding a srcdoc attribute to the iframe which shows in place of the normal iframe content.</p>
<p>Currently the following third parties are supported</p>
<ul>
<li>Youtube</li>
<li>Vimeo</li>
<li>Dailymotion</li>
</ul>


Lazy Embed

Improves the performance and reduces the emissions of your website by only loading embeds (youtube, vimeo, etc) when they are clicked.

Christian Neumann

<p><a href="https://greenerwp.net" rel="nofollow ugc">GreenerWP</a> is dedicated to help WordPress site owners making their sites and blogs more environmentally sustainable. The project consists of <a href="https://greenerwp.net/guides" rel="nofollow ugc">free guides</a> and open source tools to analyse and optimise your WordPress projects.</p>
<p>Make your websites more climate-friendly and improve your SEO and user-friendliness ☺</p>
<p>New to GreenerWP? Read our “<a href="https://greenerwp.net/get-started/" rel="nofollow ugc">Get Started</a>” guide.</p>
<h3>Features</h3>
<ul>
<li><strong>Page size analysier</strong>: Find the pages in your website that contribute most to your site’s overall network traffic</li>
<li><strong>Byte Transfer Graph</strong>: Show your visitors how big your pages are compared to the average</li>
<li>Use GreenerWP’s <strong><a href="https://scan.greenerwp.net" rel="nofollow ugc">website scanner</a></strong> to get details about one of your pages’ climate-friendliness</li>
<li><strong>Recipes</strong>: Follow step by step instructions to improve your site</li>
<li>Various optional <strong>optimisations</strong></li>
</ul>
<h3>Recipes</h3>
<ul>
<li>Use a green web host</li>
<li>Use site caching</li>
<li>Disable web fonts</li>
<li>Reduce JPEG quality</li>
<li>Optimise Contact Form 7</li>
<li>Disable Emoji replacements</li>
</ul>
<h3>Optimisations</h3>
<ul>
<li>Change default JPEG image quality</li>
<li>Try to disable web fonts</li>
<li>Image previews</li>
</ul>
<h3>Plugin Optimisations</h3>
<ul>
<li><a href="https://wordpress.org/support/plugin/contact-form-7/" rel="ugc">Contact Form 7</a>: Prevent insertion of scripts and styles on posts and pages without contact form</li>
</ul>


GreenerWP

The plugin can help you in easy steps to reduce the carbon footprint of your website. 

On every visit of a user, your website needs an amount of CO2 to put its content to the visitor's browser.

GreenerWP has several recipes and settings. With these, you can optimize your website to be more lightweight. This is good for the climate, the environment and the seo-score.

easy change the sustainability of your site

Assists you in creating climate-friendly WordPress websites.

Lazy Embed vs GreenerWP