Chromium browsere understøtter iframe doven indlæsning nu for at understøtte ydeevne

Prøv Vores Instrument Til At Fjerne Problemer

Google afsløret den 24. juli 2020, at Google Chrome og Chromium-baserede webbrowsere understøtter den doble indlæsning af iframe-indhold nu. Integrationen af ​​funktionen kommer lige efter, at Google introducerede support til doven indlæsning af billeder i Chromium og Chrome . Mozillas Firefox webbrowser understøtter også doven indlæsning af billeder .

Teknisk set forhindrer doven indlæsning browseren fra at indlæse bestemt indhold, indtil det er adgang til det af brugeren. Når en side indlæses for første gang, kan indhold, der ikke er synligt, under folden, være doppet. Når en bruger ruller ned, indlæses indhold, mens rullehandlingen finder sted.

Den doble indlæsning af iframes i Chromium-baserede webbrowsere følger den samme metode. Webmastere skal bruge attributten loading = 'doven' til iframes i kodens side for at informere browseren om, at indholdet ikke skal indlæses med det samme. Browsere, der ikke understøtter funktionaliteten, ignorerer attributten, mens browsere, der understøtter den, håndterer indlæsningen i overensstemmelse hermed.

iframe lazyloading
billede af Google

Google kørte et par test for at bestemme virkningen af ​​den doble indlæsning af iframes. Det bemærkede følgende:

  • Lazy indlæsning af YouTube-indlejringer sparer ca. 500 kilobyte på den indledende sideindlæsning.
  • På chrome.com formåede Google at reducere indlæsningstiden med 10 sekunder på mobile enheder, da den tilføjede den doble attribut til YouTube-indlejringer på siden.
  • Lazy indlæsning af Instagram-integrationer sparer omkring 100 kilobyte ved indledende belastning.
  • Lazy indlæsning Spotify-indlejringer sparer 514 kilobytes ved indledende belastning.

Generelt fører dovet indlæsning af iframes på skærmen til 2-3% median databesparelser, 1-2% første indholdsmæssig maling og 2% første indtastningsforsinkelse.

Google bemærker, at der også er potentiale til at bruge indlæsningsattributterne til reklame på websteder.

Webmastere skal specificere parameteren loading = 'doven' for at få browsere, der understøtter doven indlæsning, til at udsætte indlæsningen, indtil indholdet er tilgængeligt. Det er endvidere muligt at bruge parameteren 'ivrig' til at informere browseren om, at indhold skal indlæses med det samme, og at bruge 'auto' for at lade browseren bestemme.

Google implementerede en undtagelse i Lite-tilstanden på Chrome til Android. Lite-tilstand eller Data Saver-tilstand er en speciel tilstand understøttet af Chrome til Android, der er designet til at forbedre indlæsningsydelsen ved hjælp af Google-servere til at indlæse indhold hurtigere. Offscreen-billeder og iframes indlæses automatisk doven, hvis Lite-tilstand er aktiv i Chrome-webbrowser.

Lukende ord

Lazy loading's hovedmål er at fremskynde den indledende indlæsning af et websted. Det indhold, der ikke indlæses oprindeligt, når webstedet indlæses, indlæses, når brugerne ruller på siden; Dette kan resultere i, at noget indhold ikke vises med det samme, afhængigt af rullehastigheden og enhedens og netværkets ydelse.

Din tur: Lazy loading, ja eller nej, hvad tager du? (via Techdows )