fayne

<p>Enhance your website’s user experience and seo ranking by lazy loading images.</p>
<h3>What is lazy loading?</h3>
<p><em>«Lazy loading is a technique that defers loading of non-critical resources at page load time. Instead, these non-critical resources are loaded at the moment of need.»</em><br />
– Jeremy Wagner, Google Developer</p>
<p>In other words:<br />
Lazy loading images makes them being loaded asynchronously which makes it possible to load them conditionally (e.g. when they are within the visitors’s viewport). In doing so, you will prevent your visitors from downloading images they would never see anyway.</p>
<h3>What are the advantages?</h3>
<p>The main advantages for your visitors are:</p>
<h4>1. Reduced page load time</h4>
<p>Having to initially load less resources, naturally reduces the loading duration. This will be more noticeable the more images you have on your website and may have a critical impact on your visitors’s experience as well as your SEO ranking.</p>
<h4>2. Smaller page size</h4>
<p>It’s possible that your visitors will not scroll down to the very bottom of the page and therefore not load all images. Having to load a few images less might not be relevant on unlimited connections. For visitors browsing your website on limited plans however, you’ll prevent them from wasting their data allowances. Again, this is a factor influencing your SEO ranking.</p>
<h3>Browser support</h3>
<p>Be Lazy uses a polyfill for browsers not supporting the IntersectionObserver API by default. As a result, pretty much any browser is supported.</p>
<p>✔ Google Chrome<br />
✔ Mozilla Firefox<br />
✔ Opera<br />
✔ Microsoft Edge<br />
✔ Microsoft Internet Explorer (7+)<br />
✔ Safari (6+)<br />
✔ Android Browser (4.4+)</p>


Be Lazy

Enhance your website's user experience and seo ranking by lazy loading images.

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.

Be Lazy vs WordPress Ajax Load More and Infinite Scroll