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.

Felix Arntz

Google

<p>Lazy-loads media using the native browser feature. <a href="https://web.dev/native-lazy-loading" rel="nofollow ugc">Learn more about the new <code>loading</code> attribute</a> or <a href="https://core.trac.wordpress.org/ticket/44427" rel="nofollow ugc">view the WordPress core ticket</a> where inclusion of a similar implementation in WordPress core itself is being discussed.</p>
<p>If the <code>loading</code> attribute is not supported by the browser, the plugin falls back to a JavaScript solution based on <code>IntersectionObserver</code>. For the case that JavaScript is disabled, but the <code>loading</code> attribute <em>is</em> supported by the browser, a <code>noscript</code> variant of the respective element will be added that also includes the <code>loading</code> attribute without any further changes.</p>
<h4>“Native” means “Fast”</h4>
<p>If you have found your way over here, you are probably aware of how crucial performance is for a website’s user experience and success. You might also know that lazy-loading is a key feature to improve said performance. However, the solutions for lazy-loading so far still added a bit of overhead themselves, since they relied on loading, parsing and running custom JavaScript logic, that may be more or less heavy on performance.</p>
<p>This plugin largely does away with this pattern. It relies on the new <a href="https://github.com/whatwg/html/pull/3752" rel="nofollow ugc"><code>loading</code></a> attribute, which makes lazy-loading a native browser functionality. The attribute is already supported by Chrome, and will be rolled out to other browsers over time. The solution being “native” means that it does not rely on custom JavaScript logic, and thus is more lightweight. And “more lightweight” means “faster”.</p>
<p>Last but not least, a neat thing to keep in mind is that this plugin will essentially improve itself over time, as more browsers roll out support for the <code>loading</code> attribute.</p>
<h4>Usage</h4>
<p>Just activate the plugin, and all your images and iframes in post content will be loaded lazily.</p>
<h3>Credit</h3>
<p>This plugin is partly based on logic from <a href="https://github.com/wprig/wprig/blob/v2.0/inc/Lazyload/Component.php" rel="nofollow ugc">WP Rig</a> as well as recommendations from <a href="https://web.dev/native-lazy-loading" rel="nofollow ugc">web.dev</a> and <a href="https://developers.google.com/web/fundamentals/performance/lazy-loading-guidance/images-and-video/" rel="nofollow ugc">developers.google.com</a>.</p>


Native Lazyload

Was using regular lazy load plugins, but this thing takes it up a notch. Not just because of the native lazy load, which in itself is absolutely brilliant an an idea whose time had come, but I just like it that it doens't clutter the backend with unnecessary pages. Does what it says. Activate and forget.

Didn't even know I needed this till I found it

Im really happy that Google is creating plugins for our projects BUT keep them up-to-date please... you're the God of the internet, a trillion dollar company.


Google update your products PLEASE

Lazy-loads media using the native browser feature.

Crazy Lazy vs Native Lazyload