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.

Uday Moradiya

tushargohel

<p>Custom post type Ajax load more is the flexible solutions for WordPress to load only some of the posts and another posts will be load with infinite scroll or load more and you can create beautiful blog listing quickly.</p>
<p>If you are looking for large number of posts listing in single page then Custom post type Ajax load more is the right choice.</p>
<h3>Key Features</h3>
<p>✅ Custom post type Ajax load more is the using WordPress standard query with the many parameters like Post Type, Post Status, Category Taxonomies and more.<br />
✅ Setup security level, you can select post type and post status that only allow to load.<br />
✅ You can create own template to customized listing behavior and overwrite into your theme easily.<br />
✅ Lightweight, Faster and powerful performance.<br />
✅ 3 types of inbuilt template layouts.</p>
<h3>How to Use</h3>
<p>Lightweight Custom post type Ajax load is very simple way to use, you just put short-code anywhere.</p>
<h4>Shortcode:</h4>
<pre><code>[cpt_ajax_load_more post_type="post" template="default" posts_per_page="6"]
</code></pre>
<h4>PHP Code:</h4>
<pre><code><?php 
 $args = array(
  'id' => 'blog-list',
  'post_type' => 'post', 
  'post_staus' => 'publish',
  'template' => 'default'
 ); 
 echo cpt_alm_render($args); 
?>
</code></pre>
<h3>Extend Functionalities</h3>
<p>Developer can extend the functionalities using WordPress standard hooks and filters</p>
<ul>
<li><a href="https://plugins.blacktheme.net/cpt-ajax-load-more/docs/shortcode-parameters/" rel="nofollow ugc">Short code Parameters</a></li>
<li><a href="https://plugins.blacktheme.net/cpt-ajax-load-more/docs/filters/" rel="nofollow ugc">Filters</a></li>
<li><a href="https://plugins.blacktheme.net/cpt-ajax-load-more/docs/custom-templates/" rel="nofollow ugc">Create Custom template</a></li>
<li><a href="https://plugins.blacktheme.net/cpt-ajax-load-more/docs/javascript-callbacks/" rel="nofollow ugc">JavaScript callback</a></li>
</ul>
<h3>Demos and Examples</h3>
<ul>
<li><a href="https://plugins.blacktheme.net/cpt-ajax-load-more/examples/default-list/" rel="nofollow ugc">Simple List</a></li>
<li><a href="https://plugins.blacktheme.net/cpt-ajax-load-more/examples/grid-view/" rel="nofollow ugc">Grid view</a></li>
<li><a href="https://plugins.blacktheme.net/cpt-ajax-load-more/examples/card-view/" rel="nofollow ugc">Card View</a></li>
<li><a href="https://plugins.blacktheme.net/cpt-ajax-load-more/examples/card-view-2/" rel="nofollow ugc">Advance Card view</a></li>
<li><a href="https://plugins.blacktheme.net/cpt-ajax-load-more/examples/infiinte-scroll/" rel="nofollow ugc">Infinite Scrolling</a></li>
</ul>
<h3>Docs</h3>
<p>You can find <a href="https://plugins.blacktheme.net/cpt-ajax-load-more/docs/" rel="nofollow ugc">docs</a> and more details about Custom post type Ajax load more on <a href="https://plugins.blacktheme.net/cpt-ajax-load-more/" rel="nofollow ugc">blacktheme.net</a></p>


WordPress Ajax Load More and Infinite Scroll

Great way to load initial posts and load other posts by just click on load more button or infinite scrolling.

Crazy Lazy vs WordPress Ajax Load More and Infinite Scroll