Chrome browser developers have expanded tools for lazy loading web page elements, allowing content outside the visible area to not be loaded until the user scrolls to a place immediately preceding the element. Earlier, this mode was implemented in Chrome 76 and Firefox 75 for images. Now, the Chrome developers have taken another step and added the ability to lazy load iframe blocks.
To manage the lazy loading of pages in the tag, the ‘loading’ attribute has been added, which can accept the values ‘lazy’ (defer loading), ‘eager’ (load immediately), and ‘auto’ (defer loading at the browser's discretion when the mode is enabled. ). It is expected that lazy loading will reduce memory consumption, decrease traffic, and increase the speed of initial page loading. For instance, when the new mode is enabled, blocks with ads and widgets from Twitter, Facebook, and YouTube will not be loaded immediately if they are not visible to the user until they scroll to the position before these blocks.
According to developers, on average, lazy loading is expected to save 2-3% of traffic, reduce the number of by 1-2%, and decrease by 2%. For specific sites, the changes are more noticeable. For example, enabling lazy loading for YouTube blocks will result in approximately 500KB less data being loaded, Instagram by 100KB, Spotify by 500KB, and Facebook by 400KB. In particular, applying lazy loading for YouTube blocks on the Chrome.com site has allowed mobile devices to reduce the wait time for page availability for interaction by up to 10 seconds and decrease the size of the initially loaded JavaScript code by 511KB.
Source: opennet.ru
