Firefox to offer faster browsing experience through improved lazy loading
Mozilla enables lazy loading for iframes in Firefox 121
Popular web browsers support lazy loading of images to boost performance. However, Chrome and Chromium browsers have extended this to include the standardised lazy loading of iframes. Firefox now supports the lazy loading of iframes, from verison 121, bringing it on par with other browsers.
Most websites use iframes, and their content can significantly affect performance. Iframes that contain videos or animations in carousel or slider formats can create a major issue. These elements can slow down the website’s loading time and negatively impact the user experience.
Firefox 121 supports lazy loading of iframes
Lazy loading of iframes improves page load significantly by only loading content near the viewport. This feature is now supported in Firefox 121 based on a bug report and version 121 release notes.
Lazy loading iframes are now supported (
<iframe loading=lazy>). Lazy loading iframes are only loaded when visible, so non-critical iframes can load later when needed to speed up initial page loads, reduce initial network usage, etc.
According to Addy Osmani, a Chrome engineer, lazy loading of iframes and embeds from sites such as Instagram and Spotify saves a lot of data, speeds up the loading of other parts of the page, and reduces memory usage.
To verify if lazy-loading iframes is enabled and working in Firefox
- Visit about:config and ensure dom.iframe_lazy_loading.enabled pref is set to true.
- After that, visit this demo page and try to scroll down, where embeds will start loading one by one as you scroll.
Please note that if you are using Firefox 121,which is scheduled to release on December 19, 2023, you do not need to enable this feature manually as it is already enabled by default.
Don’t you think Mozilla added the feature late to Firefox? Let us know your comments below.
