Efter at have tilføjet den indfødte lazy loading-funktion til Chrome sidste år, lader Google nu udviklere lade indlæse tunge iframes. Læs videre for at vide mere!
Stigningen i webtrafik fra mobilbrugere og mennesker over hele kloden med begrænsede forbindelsesmuligheder skubbede virksomheder og udviklere til kraftigt at optimere hjemmesidens indlæsningshastigheder. Traditionelt, når du navigerer til en webside, downloader og viser den alt tilgængeligt indhold: billeder, ikoner, GIF'er, typografier, scripts og så videre. Som du kan forestille dig, forårsager indlæsning af alle de ting en forsinkelse, da hjemmesiden starter op, især for brugere på langsomme forbindelser. Google har forsøgt at fjerne dette problem i et stykke tid. Bare sidste år, tilføjede de billedindlæsningsfunktion i Google Chrome 76. Nu bringer Google den samme funktionalitet til iframes.
Lazy loading indlæser indholdet af websiden on-demand, hvilket betyder, at de ikke vil blive downloadet og vises, indtil du ruller ned og får dem i visningen, hvilket reducerer den første start af hjemmesiden fart. Som nævnt har den dovne indlæsning af billeder været tilgængelig på Chrome siden sidste år, men nu kan udviklere også bruge samme metode på iframes. For at implementere det på din egen hjemmeside, er alt du skal gøre at tilføje
Ironisk nok fandt Chrome-teamet ud af, at under testningen af, hvordan YouTube-videoindlejringer (som er iframe-baserede) ville påvirke websidens indlæsningshastighed, når den blev ladet indlæst.sparet 10 sekunder fra, hvor hurtigt vores sider kunne være interaktive på mobile enheder."Det er overflødigt at sige, at lazy-loading har reelle fordele i forhold til den traditionelle metode til at downloade hele indholdet af websiden, så snart du besøger den.
Pris: Gratis.
4.1.
Kilde: web.dev
Via: Techdows