melmacaluso

<p>Instantly, automatically and painlessly make your website faster by reducing image payload and lazy loading them.</p>
<h3>What</h3>
<p>Picafto makes your website faster by loading images after the rest of the content has been loaded. For the user it won’t make a noticeable difference but for Search engines (Google, bing, yahoo etc.), it will.</p>
<p>In resume Picafto offers you:<br />
-Automatic image load optimisation for vanilla WordPress editor. (whenever you upload an image in your page/post picafto will take care of it and automatically enqueue the loading when is appropiate to improve your page speed performance)<br />
-Same as above but for ACF fields (ACF being the main tool used by WordPress theme developers when it comes to building your website, meaning that if you had a website built by a dev this applies to you)<br />
-In addition you can add your own Picafto lazy loaded images with the sintax down below.</p>
<h3>Why</h3>
<p>One of the main ranking factors, is page speed. Meaning: if your website is slow you won’t rank as you would if it was lightin fast.</p>
<p>If they told you that there’s a something that makes your website twice as fast (if images are being used, that’s the main premise of the plugin) for free, in one click, instantly…would you use it?</p>
<h3>Developer Friendly & ACF compatibile</h3>
<p>Picafto does all the groundwork for you when it comes to lazy loading your images in both the vanilla editor and the ACF WYSIWYG editor but say you want some images to be lazy loaded the Picafto way? Well said? Done! Just swap the <code>src</code> with <code>data-picafto-load</code> in your images and Picafto is going to take care of the rest:</p>
<p>Before:<br />
    <code><img src="https//google.com/image.png" alt="image" /></code></p>
<p>After:<br />
    <code><img data-picafto-load="https//google.com/image.png" alt="image" /></code></p>
<p>If needed you can opt-out of the lazy loading by simply placing <code>data-picafto-off</code> as follows:</p>


Picafto – One-click Lazy load images (ACF compatible)

Hello, @melmacaluso

Amazing Work, Sir and Great plugin to improve website speed. 
Can you develop lazy load for iframe or background-image for custom style. 

thanks

Great plugin to improve website speed

Instantly, automatically and painlessly make your website faster by reducing image payload and lazy loading them.

WP Media

WP Rocket

<p>LazyLoad is the best free lazy load plugin for WordPress to lazy load images, videos, and iframes on WordPress. In a nutshell, LazyLoad displays images, videos, and iframes on a page only when they are visible to the user – that’s one crucial way to <a href="https://wp-rocket.me/blog/guide-to-page-speed-optimization-for-wordpress/" rel="nofollow ugc">speed up your WordPress site</a> and <a href="https://imagify.io/blog/optimize-images-page-speed-google/#lazy-loading" rel="nofollow ugc">optimize images for Google PageSpeed</a>.</p>
<p>You can lazy load images in post content or widget text, plus thumbnails, avatars, and smilies. LazyLoad takes care of iframe lazy load, too: you’ll easily replace Youtube iframes with a preview thumbnail to further speed up the loading time of your website.</p>
<p>No JavaScript library such as jQuery is used, and the script weight is less than 10KB.</p>
<h4>Why is lazy loading crucial for performance?</h4>
<p>Lazy loading is a key performance technique to make your site faster. You’ll reduce loading time, <a href="https://wp-rocket.me/lighthouse-performance-score-wordpress/" rel="nofollow ugc">improve your Lighthouse performance score</a> and <a href="https://wp-rocket.me/google-core-web-vitals-wordpress/" rel="nofollow ugc">optimize your Core Web Vitals grades</a>.</p>
<p><a href="https://wp-rocket.me/blog/lazy-loading-wordpress-5-5/" rel="nofollow ugc">Lazy loading your images on WordPress</a> will help you achieve a better PageSpeed Insights score for three main reasons:</p>
<ul>
<li>You’ll address a specific PageSpeed Insights recommendation: [Defer offscreen images](https://wp-rocket.me/google-core-web-vitals-wordpress/defer-offscreen-images/, which means image lazy loading.</li>
<li>You’ll improve the performance of two key metrics: <a href="https://wp-rocket.me/google-core-web-vitals-wordpress/improve-first-input-delay/" rel="nofollow ugc">First Input Delay</a> (Core Web Vital) and <a href="https://wp-rocket.me/lighthouse-performance-score-wordpress/reduce-total-blocking-time/" rel="nofollow ugc">Total Blocking Time</a> (Lighthouse metric).</li>
<li>You’ll <a href="https://wp-rocket.me/blog/reduce-http-requests-speed-wordpress-site/" rel="nofollow ugc">make fewer HTTP requests</a> – that is another way to boost your site speed and <a href="https://wp-rocket.me/google-core-web-vitals-wordpress/improve-largest-contentful-paint/" rel="nofollow ugc">improve the Largest Contentful Paint score</a> (another Core Web Vital).</li>
</ul>
<p>Take a look at our complete list of reasons <a href="https://wp-rocket.me/blog/lazyloading/#section-2" rel="nofollow ugc">why you should use lazy loading</a>. Then, turn on LazyLoad and make your WordPress website faster!</p>
<h4>Dependencies</h4>
<p>LazyLoad script: <a href="https://github.com/verlok/lazyload" rel="nofollow ugc">https://github.com/verlok/lazyload</a></p>


LazyLoad Plugin – Lazy Load Images, Videos, and Iframes

Working better

The best free lazy load plugin for WordPress. Lazy load images, videos, and iframes to improve performance and Core Web Vitals scores.

Picafto – One-click Lazy load images (ACF compatible) vs LazyLoad Plugin – Lazy Load Images, Videos, and Iframes