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.

Elvin D

<p>Bring life to your website’s loading pages with our new WP plugin. With its visually stunning loading animation, your visitors will be kept entertained while they wait for the page to fully load. Say goodbye to boring loading screens and hello to an enhanced user experience with our must-have plugin.</p>
<p>If you have concerns or inquiries, you can check us out <a href="http://datacareph.com/" rel="nofollow ugc">DATACAREPH</a></p>
<p>Go and test the <a href="http://tobiasahlin.com/spinkit/" title="DEMO" rel="nofollow ugc">DEMO</a> here. Thanks to @tobiasahlin this guy.</p>
<p>Best coding practices was applied to this plugin by strictly following the WP Docs, this will be available on Github soon.</p>
<h4>Features and Usage</h4>
<p>Few of the many features.</p>
<ul>
<li>Welcomes 2023!</li>
<li>[NEW] Enable cookie to show preloader only once.</li>
<li>Safe to show your web content up by settings the Max Loading Duration</li>
<li>Automatically Hide the Pre-Loader when 100% resources are Loaded</li>
<li>4 Preloader Effects including default and a personalization section (for advanced users)</li>
<li>Plug and Play (unless you are playing the advanced settings)</li>
<li>Color Picker for backround and animation color</li>
<li>Animation Preview</li>
<li>Advanced Customization using HTML and CSS/CSS3</li>
<li>and more..</li>
</ul>
<p>If you like this plugin, good ratings is much appreciated.</p>
<p>For more information or discussion please visit <a href="http://www.innovedesigns.com/" title="InnoveDesigns.com" rel="nofollow ugc">InnoveDesigns.com</a> and leave a message via our contact form for further concerns. Contact me immediately if you found bugs so I can fix it.</p>


Page Loading Effects

This is as simple as I hoped for!

I was about to write a loader into a site I'm currently building, did a quick search in the repo and found this little gem.

Literally 2 steps to setup: Install, set style.

Was very happy to see that it worked so simply and also it leaves the header visible which I think is perfect for this site.

Found an option to use a custom spinner :)

Thanks for an awesome plugin!

Awesome!

This is the best and cleanest page loading animation you can find.
thanks 

best one

Last update for 2 years. It's a pity, the plugin was nice. The loader do not display anymore in Firefox. 

No longer maintained?

Are you tired of slow-loading pages on your website? Introducing the ultimate solution - our brand new WP plugin that displays a stunning loading anim …

Crazy Lazy vs Page Loading Effects