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.
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.
- Reduced loading time and memory usage.
- No unnecessary code execution.
- Optimal time and resources make it cost-effective for website owners.
May affect the website’s search engine rankings due to incorrect indexing of the unloaded content.
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.