LazyLoad LITE - Deferred Image Loading

What this solution does

The module automatically adds the loading="lazy" attribute to images within img tags, enabling deferred loading without JavaScript. This is a lightweight version of the LazyLoad module that operates exclusively with img elements. Unlike standard solutions, it requires no script execution; the browser handles image loading natively using the attribute introduced in 2019. This approach eliminates delays caused by loading and executing JavaScript, helping to maintain high Google PageSpeed scores. The mechanism efficiently utilizes browser resources and addresses the "Defer offscreen images" task.

The LazyLoad LITE module provides image lazy loading using the native loading="lazy" attribute. This is the most efficient and fastest method that does not require JavaScript. The script automatically identifies suitable img tags on the page without requiring manual configuration of classes or attributes. It respects existing loading attributes and functions correctly in composite mode, AJAX mode, and when used with CDNs. The module does not conflict with other lazy loading solutions.

Additional settings allow for flexible control: disabling loading for images containing specific strings in the URL (useful for retargeting pixels), excluding elements by CSS class, and disabling the module on specific domains, sections, or pages.

Limitations: processing is limited to images within img tags, as other tags do not support the loading="lazy" attribute. The method works only in modern browsers; in older browsers, images load normally. For extended functionality including video and iframe support, the LazyLoad PRO module is available.

LazyLoad LITE is a module for lazy loading images, developed by Dmitry Krotov. It accelerates website performance by deferring image loading until the content enters the user's viewport.

For image optimization and conversion to modern formats, the Webp module is also available, providing real-time conversion of images to the WebP format.

To resolve issues with resources blocking page rendering, the LazyLoad LITE module for deferred image loading is available.

To reduce the size of HTML, JavaScript, and CSS code, use the HTML/JS/CSS Minification module.

General iT can install and configure this module and check how it works on your website.