Arefly

<p>Add a CSS3 effect to your blog while loading pages.</p>
<p>給你的部落格增加一個帶有CSS3效果的頁面載入動畫</p>
<p>Live Demo: <a href="http://www.arefly.com/" rel="nofollow ugc">Click Here</a> (See left side corner of the blog.)</p>


Page Loading

Add a CSS3 effect to your blog while loading pages. 給你的部落格增加一個帶有CSS3效果的頁面載入動畫

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.

Page Loading vs Crazy Lazy