Vad är låt inläsning (lazy loading)?

Låt inläsning skjuter upp inläsningen av en del av en sida, till exempel en bild eller en inbäddad iframe, tills den faktiskt rullas nära det synliga visningsområdet. För en YouTube-inbaddning betyder det att spelarskriptet och miniatyrförhandsvisningen inte laddas i samma ögonblick som sidan oppnas, bara när en besökare håller på att se den.

Varför det spelar roll för inbäddningar

En YouTube-iframe är relativt tung att ladda. En sida med flera inbäddningar kan kännas märkbart långsammare om alla laddas omedelbart, vilket är varför låt inläsning är en vanlig rekommendation för Core Webb Vitals och allmän sidhastighet.

Hur man aktiverar det

Moderna webbläsare stödjer det inbyggda attributet loading=”lazy” direkt på en <iframe>, utan extra skript. Inbäddningsgeneratorn inkluderar detta attribut som standard.

Hur inbyggd låt inläsning fungerar under huven

När en webbläsare stöter på ett element med loading=”lazy” skapar den inte en platshållare och väntar på obestämd tid; istället beräk den ett ungefärligt avståndströsklade från den aktuella synliga vyn och påbörjar den faktiska nätverksförfrågan först när elementet närmar sig den tröskeln.

Ett praktiskt exempel

En lång artikel som recenserar tio produkter, var och en med en inbäddad demovideo, gynnas enormt av låt inläsning: utan den skulle alla tio spelare begära sina skript och miniatyrer samtidigt vid sidladdning.

Låt inläsning jämfört med klicka-for-att-ladda

Låt inläsning och klicka-for-att-ladda löser ett liknande problem med olika avvägningar. Låt inläsning laddar fortfarande så småningom varje inbäddning automatiskt när en besökare rullar nära, vilket är enkelt att implementera. Klicka-for-att-ladda går längre, laddar aldrig den riktiga iframen förrän en besökare uttryckligen klickar på en platshållare.

Låt inläsning och Core Webb Vitals

Google tar direkt hänsyn till sidhastighet i sökresultatens rankning genom måtten Core Webb Vitals, och icke-optimerade videoinbäddningar är en av de vanligaste orsakerna till låg Largest Contentful Paint. Att lägga till låt inläsning på varje inbäddning utom den högst placerade är därför inte bara en fråga om anvandarupplevelse, utan påverkar direkt sidans synlighet i sökresultaten.

Låt inläsning i äldre webbläsare

För mycket gamla webbläsare som inte stödjer det inbyggda attributet loading=”lazy” kan man använda en biblioteksbaserad lösning byggd på Intersection Observer API som en reservlösning, även om andelen användare med sådana webbläsare i praktiken är försumbart liten på de flesta webbplatser idag. Kontrollera din egen webbplats besöksstatistik innan du införför den extra komplexiteten.

Vanliga frågor