Load More & Lazy Loading

Essential grid has a multilevel “Load More” and “Lazy Loading” system.

You can combine Lazy Loading and Load More together or use them separately.

 

 

How to Activate Load More?

Before the Load More Option is available, the Pagination need to be Turned off under the Grid Editor / Grid Settings.

loadmore

 

Once Pagination is deactivated, you can select between Infinity Scroll or Load More button. Amount of Preloaded Elements and Amount of Loaded Elements on “click” or “Scroll” can be also defined here

Essential Grid will load elements with Ajax. Images will be loaded with a Preloader. Based on the lazy Loading option these images will be shown as colored COntainers first, or only when image is loaded.

 

Lazy Loading

Essential Grid loads images on demand only if the Lazy Loading option is turned on. Only Images will be loaded which are on the visible Page, all other images are queued or loaded with low priority.

During the Load Sequence Images will be replaced with Colored Placeholders. In case high performance SEO is important, please deactivate Lazy Loading !