Google Chrome en Chromium-gebaseerde webbrowsers krijgen nieuwe prestatieverbeterende functie ‘iframe Lazy Loading’

Google Chrome en alle webbrowsers die afhankelijk zijn van de Chromium-basis, zoals Microsoft's nieuwe Edge, Opera, Vivaldi, Brave en meer, ondersteunen nu een nieuwe functie die de algehele prestaties zal helpen verbeteren. Deze browsers hebben nu de mogelijkheid om het ‘lui laden van iframe-inhoud’ te ondersteunen. De nieuwe functie moet helpen bij het in evenwicht brengen en verbeteren van de prestaties van deze webbrowsers door het laden van webinhoud intelligent te ordenen en te plannen.

Google heeft de Chromium-basis verbeterd die een aantal van de meest populaire webbrowsers aanstuurt. De kern ondersteunt nu ‘iframe lazy loading’. De functie is belangrijk voor het laden van grote webpagina's met een enorme hoeveelheid inhoud. Lazy loading voorkomt het gelijktijdig laden van content, wat de browser belast. Bovendien kan gelijktijdig laden een negatieve invloed hebben op de prestaties van webbrowsers en uiteindelijk op de pc.

Chromium's functie 'iframe Lazy Loading'-functie om een ​​soepele werking van webpagina's in browsers te garanderen:

Google heeft bevestigd dat het op Chromium gebaseerde, dat niet alleen zijn eigen Google Chrome-webbrowser aandrijft, maar ook verschillende andere browsers, nu het lui laden van iframe-inhoud ondersteunt. De nieuwe functie komt direct nadat Google onlangs ondersteuning heeft geïntroduceerd voor het lui laden van afbeeldingen in Chromium en Chrome. Simpel gezegd, nu worden niet alleen de afbeeldingen en multimedia-inhoud selectief geladen, maar ook de kerninhoud die gewoonlijk in iframes is gerangschikt.

Vanuit technisch oogpunt beperkt lazy loading de browser van het laden van bepaalde inhoud totdat deze door de gebruiker wordt geopend of zich in het scrollbereik bevindt. Wanneer een pagina voor de eerste keer wordt geladen, kan inhoud die niet zichtbaar is, onder de vouw, worden "lui geladen". Wanneer een gebruiker naar beneden scrolt, wordt de inhoud geladen terwijl de scrolactie plaatsvindt.

De functie "lazy loading of iframes" in op Chromium gebaseerde webbrowsers volgt dezelfde techniek. Het is echter belangrijk voor webmasters of website-ontwerpers om het kenmerk loading = "lazy" te gebruiken voor iframes in de code van de site. Dit kenmerk informeert de browser dat de inhoud niet meteen moet worden geladen en kan worden geladen volgens het scrollpatroon.

Onnodig om toe te voegen, tot voor kort, browsers die niet de ondersteuning van ‘lazy loading’ hadden, zouden het attribuut volledig negeren en zoveel mogelijk inhoud laden of toegankelijk zijn. Dit legt enige druk op de webbrowser en uiteindelijk op de pc of het apparaat met internettoegang, of het nu een smartphone, tablet, enz. Is, terwijl apparaten met een grote hoeveelheid RAM en een krachtige CPU niet veel effect zouden hebben op het laden van een browser door de browser veel inhoud tegelijk, apparaten met een beperkt of laag RAM-geheugen en een lichtgewicht CPU kunnen een negatieve invloed hebben gehad.

Aan de andere kant zullen browsers die ‘lazy loading’ ondersteunen het laden dienovereenkomstig afhandelen. Overigens had Mozilla Firefox de mogelijkheid om de functie te ondersteunen sinds versie 75 werd uitgebracht. Firefox is momenteel op versie v78 (stabiel).

Hoeveel positieve impact heeft Lazy Loading op webbrowsers?

Google heeft een paar tests uitgevoerd om de impact van het lui laden van iframes op webbrowsers te beoordelen. Hieronder volgen de opmerkingen:

• Lui laden van YouTube-insluitingen zou ongeveer 500 kilobytes besparen bij het laden van de eerste pagina.
• Op Chrome.com slaagde Google erin om de laadtijd op mobiele apparaten met 10 seconden te verkorten door het luie attribuut toe te voegen aan YouTube-insluitingen op de pagina.
• Lazy loading Instagram-insluitingen besparen ongeveer 100 kilobytes bij het eerste laden.
• Lazy loading Spotify insluitingen bespaart 514 kilobytes bij de eerste keer laden.

https://twitter.com/PickJBennett/status/1116776399988121600

Hoewel de resultaten kunnen variëren, leidt lui laden van offscreen iframes meestal tot 2-3 procent mediane gegevensbesparing, 1-2 procent first content-full paint en 2 procent eerste invoervertraging. Google merkte ook op dat er potentieel is om de het laden van attributen voor advertenties op websites. Simpel gezegd, Google heeft mogelijk aangegeven hoe het de functie zou kunnen gebruiken selectief advertenties laden.