Mozilla plans to support lazy loading for images and iframes in Firefox 75. Lazy loading refers to a technique that defers the loading of elements on a page to improve loading and rendering of the webpage, reduce memory use and network data usage; these elements are usually below the fold on load (not visible to the user).
Mozilla added support for lazy loading in recent versions of Firefox Nightly, the cutting edge development version of the browser. Lazy loading is not enabled by default but users may enable it in Firefox Nightly. The feature will make its way to Beta, Dev and eventually Stable versions of the Firefox web browser.
Control Lazy Loading in Firefox
Here is how you control lazy loading functionality in Firefox:
- Load about:config in the browser’s address bar.
- Confirm that you will be careful if the intermediary warning page is displayed.
- Search for dom.
- Toggle the preference so that its value is True (enabled).
You can disable lazy loading at any time by setting the preference to False in about:config. Load the following demo page to check if lazy loading support is working correctly.
Lazy loading, once enabled, works on sites that use the tag for images. WordPress plans to introduce support for the loading attribute for images in the popular blogging platform by default which would add support automatically to WordPress blogs once the change lands and the blog is updated to the new version.
Webmasters who don’t use WordPress may need to add the tags manually or by using scripts. All it takes is to add loading=”lazy” to images or iframes to make use of the new feature.
Now you: what is your take on lazy loading? (via Techdows)