What is lazy loading?

Lazy-Loading

Lazy-loading (also known as on-demand loading) is a system for optimizing your page’s loading time.  

Normally, users receive an entire page in one shot. However, with lazy-loading, necessary resources are loaded first while non-critical ones are deferred. For instance, on-screen images are usually loaded first while off-screen images are loaded later. 

An example of the lazy-loading technique is the infinity scroll, where the web page content loads as (and when) users scroll down the page. 

Pros & Cons of Lazy-Loading

Lazy-loading is a relatively uncontroversial performance improvement technique. It is used to cut down needless downloads for sites with lots of inline imagery, speeding up page loading times. However, there are pros and cons as with any technique.

Lazy-loading advantages:

  • Reduced loading time and memory usage.
  • No unnecessary code execution.
  • Optimal time and resources make it cost-effective for website owners.

Lazy-loading disadvantages:

May affect the website’s search engine rankings due to incorrect indexing of the unloaded content.

Next steps

To get the most out of Elementor, check out the Elementor Academy and our YouTube channel for helpful learning resources. If you come across any issues or need help, please contact our Support Center.

Share it on social networks

Was this article helpful?

Related content

Get Started With Elementor Today

Join millions of professionals who use Elementor to build WordPress websites faster and better than ever before

On this page