How to get benefit from Firefox Lazy Load Feature?

Mozilla engineers plan to add support for “lazy loading” – lazy loading, a mechanism to delay the loading of images if they are not visible on the user’s screen when a website is charged for the first time.

The work on adding this feature in Firefox started last month. Google is already testing an identical mechanism in Chrome since January 2018.

How does delayed loading work?

Deferred loading has been a part of Web development news for over a decade. It was originally created as a concept for JavaScript libraries.

Developers have realized that by delaying the loading of non-visible images, they can significantly improve the loading time of a website’s pages, a crucial criterion for search engine optimization (SEO), and therefore, get a better position in Google search results.

The concept grew rapidly, and by the early 2010s, there were hundreds of libraries and plugins that provided easy ways to implement a lazy loading mechanism on websites, regardless of the programming language. -jacent or content management system (CMS).

Google wanted to put deferred loading at the browser level

The first step to move the deferred loading from the website level to the browser-level one was done in January 2018, when Google released a document describing how Chrome would allow deferred loading of images and iframes that positioned outside the browser. visible section of a page.

Chrome flags were implemented later. They are currently available in the stable version of Chrome, and that users can activate to load faster websites.

With Google’s support, the feature has also become attractive to other browsers, whose developers have realized the benefits it could bring to improving page load times. During the last year, Safari engineers have also expressed interest in delayed loading.

Firefox support on this folder means that all major browser rendering engines will soon support lazy loading – WebKit (Safari), Blink (all Chromium browsers), and Gecko (Firefox).