moosch

<p>This plugin was inspired by <a href="https://medium.com" rel="nofollow ugc">Medium</a>, it makes images load better on page paint. Providing a ‘blurred’ version of the image at the correct scale, then fading the true image in once loaded.<br />
It works by default on all post featured images leveraging the WordPress post_thumbnail_html filter.</p>
<p>For inline images the plugin searches through your post content and refactors the image for better loading.</p>
<p>NOTE:<br />
You may need to regenerate thumbnails to create the blurred image for each attachment image. We recommend using the <a href="https://en-gb.wordpress.org/plugins/regenerate-thumbnails/" rel="nofollow ugc">Regenerate Thumbnails</a> plugin.<br />
This plugin is designed to accommodate the image dimension ratio of the full size version. If you are using cropped images you may experience resizing issues.</p>
<h3>Roadmap</h3>
<h4>0.3.2</h4>
<ol>
<li>Ability to turn off better image loading for post/page content</li>
</ol>
<h4>0.3.3</h4>
<ol>
<li>Ability to select if you want a blurred image or a single color image like Google Images</li>
</ol>
<h4>0.3.4</h4>
<ol>
<li>Load larger images only when in view</li>
</ol>


Better Image Loading

This plugin was inspired by Medium, it makes images load better on page paint. Providing a 'blurred' version of the image at the correct sca …

pluginkollektiv

<p><strong>Warning: <em>Crazy Lazy</em> has reached end of life. WordPress 5.5+ supports <a href="https://make.wordpress.org/core/2020/07/14/lazy-loading-images-in-5-5/" rel="nofollow ugc">lazy-loading of images in Core</a> based on the native HTML <code>loading</code> attribute. If you look for an alternative plugin, we recommend to use <a href="https://wordpress.org/plugins/lazy-loading-responsive-images/" rel="ugc">Lazy Loader</a> instead.</strong></p>
<p><em>Crazy Lazy</em> helps increasing the performance of your blog or website by displaying images efficiently. When a page would usually display some images, <em>Crazy Lazy</em> will prevent those images to load. Only when a user scrolls down the page and reaches the position where an image actually should be displayed, that particular image will be loaded from the server.</p>
<p>By loading images only when needed, <em>Crazy Lazy</em> will reducing page loading times and (potentially costly) traffic.</p>
<p>This Lazy Load plugin is structured very lean and does not require any settings: activate, done. Depending on the theme or the usage of jQuery <em>Crazy Lazy</em> optionally will utilze a modified version of the jQuery plugin <a href="https://github.com/luis-almeida/unveil" rel="nofollow ugc">Unveil.js</a>, or the native JavaScript library <a href="https://gist.github.com/miloplacencia/3931803" rel="nofollow ugc">lazyload.js</a>.</p>
<h3>Styling</h3>
<p>Placeholders for images can be styled, i.e. like this:</p>
<pre><code>img[src*='data:image/gif;base64'] {
    border: 1px dashed #dbdbdb;
}

img.crazy_lazy {
    background: url(/wp-includes/images/wpspin-2x.gif) no-repeat center center;
    background-size: 16px 16px;
}
</code></pre>
<h3>Excluding images</h3>
<p>It’s possible to exclude some images from the lazy loading. This can be achieved by adding a data attribute <code>data-crazy-lazy="exclude"</code> or <code>data-skip-lazy</code> to the images that should not lazy loaded by the plugin.<br />
Alternatively you can add a CSS class <code>crazy_lazy</code> or <code>skip-lazy</code>. These CSS classes can also be added to the image block.</p>
<h3>Support</h3>
<ul>
<li>Community support via the <a href="https://wordpress.org/support/plugin/crazy-lazy" rel="ugc">support forums on wordpress.org</a></li>
<li>We don’t handle support via e-mail, Twitter, GitHub issues etc.</li>
</ul>
<h3>Contribute</h3>
<ul>
<li>Active development of this plugin is handled <a href="https://github.com/pluginkollektiv/crazy-lazy" rel="nofollow ugc">on GitHub</a>.</li>
<li>Pull requests for documented bugs are highly appreciated.</li>
<li>If you think you’ve found a bug (e.g. you’re experiencing unexpected behavior), please post at the <a href="https://wordpress.org/support/plugin/crazy-lazy" rel="ugc">support forums</a> first.</li>
<li>If you want to help us translate this plugin you can do so <a href="https://translate.wordpress.org/projects/wp-plugins/crazy-lazy" rel="nofollow ugc">on WordPress Translate</a>.</li>
</ul>
<h3>Credits</h3>
<ul>
<li>Author: <a href="https://sergejmueller.github.io/" rel="nofollow ugc">Sergej Müller</a></li>
<li>Maintainers: <a href="https://pluginkollektiv.org/" rel="nofollow ugc">pluginkollektiv</a></li>
</ul>


Crazy Lazy

Hi,

Sorry, it doesn't work for me.


Regards,
Gulshan

Lazy load is not working

Warning: Crazy Lazy has reached end of life. WordPress 5.5+ supports lazy-loading of images in Core based on the native HTML loading attribute.

Better Image Loading vs Crazy Lazy