Justin Downey

<p>This plugin adds the <code>loading</code> attribute to IMG tags found when filtering <code>the_content()</code> to support native image lazy loading.</p>
<p>For more information about lazy loading images using this new native browser image attribute, check out this article: <a href="https://addyosmani.com/blog/lazy-loading/" rel="nofollow ugc">https://addyosmani.com/blog/lazy-loading/</a> and for a little more depth into what we’re doing here, check out our <a href="https://jdmdig.it/30nXp7h" rel="nofollow ugc">explainer post</a>.</p>
<p>Historically, to limit the impact offscreen images have on page load times, developers have needed to use a JavaScript library (like <a href="https://github.com/aFarkas/lazysizes" rel="nofollow ugc">LazySizes</a> or <a href="https://www.andreaverlicchi.eu/lazyload/" rel="nofollow ugc">Vanilla-LazyLoad</a>) in order to defer fetching these images until a user scrolls near them.  What if the browser could avoid loading these offscreen images for you?</p>
<p>The <code>loading</code> attribute instructs a browser to defer loading offscreen images until users scroll near them. It comes in three flavors: <strong>eager</strong>, <strong>auto</strong>, and <strong>lazy</strong>.  Install this plugin and you can set the first image’s loading attribute and the loading attribute for all the subsequent images sent through <code>the_content()</code> in the plugin’s settings page.</p>
<p><strong>Simple is Beautiful</strong></p>
<p>There is no JavaScript or CSS included in the plugin.  It just works in browsers that support the new <code>loading</code> image attribute.</p>
<p>For browsers that don’t support this new image loading attribute, that’s ok.  You can still use whatever JavaScript-based image lazy loader you want as a fallback until browser support becomes a little more mainstream.</p>


Native Image Lazy Loading

Automatically add the new loading attribute to images within your content to support native image lazy loading.

mihdan

seojacky

karenka

Ruslan Burnyshev

<p>Speed up your site with attributes decoding=”async” & loading=”lazy” for <img> and <iframe>. Removes problem “Does not use passive listeners to improve scrolling performance”. Help to Up Your Google PageSpeed Insights Score. The main development is all going on GitHub.</p>
<h4>Translations</h4>
<p><a href="https://translate.wordpress.org/projects/wp-plugins/helper-lite-for-pagespeed/" rel="nofollow ugc">Help translate Helper Lite for PageSpeed</a></p>
<ul>
<li>🇷🇺 Русский (Russian) – <a href="https://profiles.wordpress.org/seojacky" rel="nofollow ugc">seojacky</a></li>
<li>🇺🇦 Українська (Ukranian) – <a href="https://profiles.wordpress.org/karenka" rel="nofollow ugc">karenka</a></li>
<li>🇪🇸 Spanish (Spain) – <a href="https://profiles.wordpress.org/nobnob/" rel="nofollow ugc">Javier Esteban (nobnob)</a></li>
<li>🇲🇽 Spanish (Mexico) – <a href="https://profiles.wordpress.org/nobnob/" rel="nofollow ugc">Javier Esteban (nobnob)</a></li>
<li>🇻🇪 Spanish (Venezuela) – <a href="https://profiles.wordpress.org/nobnob/" rel="nofollow ugc">Javier Esteban (nobnob)</a></li>
<li>🇮🇹 Italiana (Italian)- <a href="https://profiles.wordpress.org/gigaster/" rel="nofollow ugc">gigaster</a>, <a href="https://profiles.wordpress.org/lidialab/" rel="nofollow ugc">Lidia Pellizzaro</a></li>
</ul>
<h4>Contribution</h4>
<p>Developing plugins is long and tedious work. If you benefit or enjoy this plugin please take the time to:</p>
<ul>
<li><a href="https://bit.ly/2RPJ1Wi" rel="nofollow ugc">Donate</a> to support ongoing development. Your contribution would be greatly appreciated.</li>
<li><a href="https://wordpress.org/support/plugin/helper-lite-for-pagespeed/reviews/#new-post" rel="ugc">Rate and Review</a> this plugin.</li>
<li>Share with us or view the <a href="https://github.com/seojacky/helper-lite-for-pagespeed" rel="nofollow ugc">GitHub Repo</a> if you have any ideas or suggestions to make this plugin better.</li>
</ul>


Helper Lite for PageSpeed

Speed up your site with attributes decoding="async" & loading="lazy" for <img> and <iframe>.

Native Image Lazy Loading vs Helper Lite for PageSpeed