How to Enable Lazy Loading for Images and Iframes in Firefox
An interesting feature is coming to Firefox, which will significantly decrease the page loading time in the browser. A native ability to postpone image and iframe loading is already landed in the Nightly version of Firefox 75.
Firefox Nightly now includes the native markup support for the same. The sample HTML code looks as follows:
<img loading="lazy" src="some image url" width="400" height="400" alt="Lazy loading sample">
The loading=lazy attribute was recently included to the HTML standard as a draft, so sooner or later it will be supported by all mainstream browsers.
As of now, to give it a try, you need to install Firefox Nightly and enable this feature as follows.
To Enable Lazy Loading for Images and Iframes in Firefox
- Open Firefox.
- In a new tab, type
about:configin the address bar.
- Click I accept the risk.
- In the search box, type or copy-paste the line
- Double-click on the value name in the search result to toggle its value from
- Restart Firefox.
You are done!
It is worth mentioning that Firefox is not the first web browser that implements lazy image loading. Firefox goes after Chrome, which has a similar option starting in Chrome Canary 70.
The stable channel of Firefox hosts Firefox 73. To learn more about changes introduces in Firefox 73, check out the following post:
Articles of interest:
- Enable Site Specific Browser in Firefox
- Automatically Export Bookmarks To HTML File in Firefox
- Enable DNS over HTTPS in Firefox
- Remove What’s New Gift Box Icon From Firefox
- Enable Green HTTPS Icon in Firefox 70
- Disable Content Blocking for Individual Sites in Firefox
- Enable Loading of userChrome.css and userContent.css in Firefox
- Prevent Firefox From Suspending Tabs
- How to Refresh Firefox in Windows 10
- Disable Extension Recommendations in Firefox
- Remove Individual Autocomplete Suggestions in Firefox
- More HERE.