Google Chrome och Chromium-baserade webbläsare får nya prestandaförbättringsfunktioner 'iframe Lazy Loading'

Google Chrome och alla webbläsare som är beroende av Chromium-basen som Microsofts nya Edge, Opera, Vivaldi, Brave och mer, kommer nu att stödja en ny funktion som hjälper till att förbättra den totala prestandan. Dessa webbläsare har nu möjligheten att stödja "lat laddning av iframe-innehåll". Den nya funktionen bör hjälpa till att balansera och förbättra prestanda för dessa webbläsare genom att ordna och schemalägga inläsning av webbinnehåll på ett intelligent sätt.

Google har förbättrat Chromium-basen som driver några av de mest populära webbläsarna. Kärnan stöder nu 'iframe lazy loading'. Funktionen är viktig för att ladda stora webbsidor med en enorm mängd innehåll. Lata laddningar förhindrar samtidig laddning av innehåll, vilket belastar webbläsaren. Dessutom kan samtidig laddning påverka webbläsarnas och så småningom datorns prestanda negativt.

Chromiums funktion 'iframe Lazy Loading' -funktion för att säkerställa smidig drift av webbsidor i webbläsare:

Google har bekräftat att den Chromium-baserade som inte bara driver sin egen Google Chrome-webbläsare utan också flera andra webbläsare, nu stöder den lata laddningen av iframe-innehåll. Den nya funktionen kommer direkt efter att Google nyligen introducerat stöd för den lata laddningen av bilder i Chromium och Chrome. Enkelt uttryckt, nu laddas inte bara bilderna och multimediainnehållet selektivt utan också det kärninnehåll som vanligtvis ordnas i iframes.

Ur ett tekniskt perspektiv begränsar lat laddning webbläsaren från att ladda visst innehåll tills det nås av användaren eller är inom rullningsområdet. När en sida laddas för första gången kan innehåll som inte är synligt, under vecket, vara ”lat laddat”. När en användare rullar ned laddas innehållet medan rullning sker.

Funktionen "lat laddning av iframes" i krombaserade webbläsare följer samma teknik. Det är dock viktigt för webbansvariga eller webbdesigners att använda attributet loading = ”lazy” för iframes i webbplatsens kod. Detta attribut informerar webbläsaren om att innehållet inte ska laddas direkt och kan laddas enligt rullningsmönstret.

Det är onödigt att lägga till, tills nyligen, webbläsare som inte har stöd för "lat laddning" skulle helt ignorera attributet och ladda så mycket innehåll som möjligt eller tillgängligt. Detta sätter ett visst tryck på webbläsaren och så småningom PC: n eller internetaktiverad enhet, oavsett om det är en smartphone, surfplatta etc. Medan enheter med en stor mängd RAM och en kraftfull CPU inte skulle ha mycket effekt av att webbläsaren laddar en mycket innehåll samtidigt, enheter med begränsat eller lågt RAM-minne och lätt CPU kunde ha påverkats negativt.

Å andra sidan kommer webbläsare som stöder "lat laddning" att hantera laddningen därefter. För övrigt hade Mozilla Firefox förmågan att stödja funktionen sedan dess version 75 släpptes. Firefox finns för närvarande på version v78 (stabil).

Hur mycket positiv inverkan har lat laddning på webbläsare?

Google genomförde några tester för att bedöma effekten av den lata laddningen av iframes på webbläsare. Följande är observationerna:

Lätt laddning av YouTube-inbäddningar skulle spara cirka 500 kilobyte vid den första sidbelastningen.
På Chrome.com lyckades Google minska laddningstiden med 10 sekunder på mobila enheter när det lade till attributet lat till YouTube-inbäddningar på sidan.
Lata laddning av Instagram-inbäddningar sparar cirka 100 kilobyte vid initial belastning.
Lazy loading Spotify-inbäddningar sparar 514 kilobyte vid initial belastning.

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

Även om resultaten kan variera leder lat laddning av iframes från skärmen vanligtvis till 2-3 procent median databesparing, 1-2 procent första innehållsfull färg och 2 procent första inmatningsfördröjning. Google noterade också att det finns potential att använda laddningsattribut för annonser på webbplatser. Enkelt uttryckt kan Google ha angett hur det skulle kunna använda funktionen till ladda annonser selektivt.