Hvad er doven indlæsning (lazy loading)?

Doven indlæsning udskyder indlæsningen af en del af en side, såsom et billede eller en indlejret iframe, indtil den faktisk ruller nær det synlige visningsområde. For en YouTube-indlejring betyder det, at afspillerscriptet og miniatureforhåndsvisningen ikke indlæses i det øjeblik siden åbnes, kun når en besøgende er ved at se den.

Hvorfor det er vigtigt for indlejringer

En YouTube-iframe er relativt tung at indlæse. En side med flere indlejringer kan føles markant langsommere, hvis de alle indlæses med det samme, hvilket er hvorfor doven indlæsning er en almindelig anbefaling for Core Web Vitals og generel sidehastighed.

Sådan aktiverer du det

Moderne browsere understøtter det native attribut loading=”lazy” direkte på en <iframe>, uden behov for ekstra script. Indlejringsgeneratoren inkluderer dette attribut som standard.

Hvordan native doven indlæsning virker under motorhjelmen

Når en browser støder på et element med loading=”lazy”, opretter den ikke en pladsholder og venter uendeligt; i stedet beregner den en omtrentlig afstandstærskel fra det aktuelle synlige visningsområde og starter først den faktiske netværksforesporgsel, når elementet nærmer sig den tærskel.

Et praktisk eksempel

En lang artikel, der anmelder ti produkter, hver med en indlejret demo-video, drager enormt fordel af doven indlæsning: uden den ville alle ti afspillere anmode om deres scripts og miniaturer samtidig ved sideindlæsning.

Doven indlæsning kontra klik-for-at-indlæse

Doven indlæsning og klik-for-at-indlæse løser et lignende problem med forskellige afvejninger. Doven indlæsning indlæser stadig til sidst automatisk hver indlejring, når en besøgende ruller i nærheden, hvilket er simpelt at implementere. Klik-for-at-indlæse går videre og indlæser aldrig den rigtige iframe, for en besøgende eksplicit klikker på en pladsholder.

Doven indlæsning og Core Web Vitals

Google tager direkte højde for sidehastighed i søgeresultaternes rangering gennem målingerne Core Web Vitals, og ikke-optimerede videoindlejringer er en af de hyppigste årsager til lav Largest Contentful Paint. At tilføje doven indlæsning til hver indlejring undtagen den øvest placerede er derfor ikke kun et spørgsmål om brugeroplevelse, men påvirker direkte sidens synlighed i søgeresultaterne.

Doven indlæsning i ældre browsere

For meget gamle browsere, der ikke understøtter det native attribut loading=”lazy”, kan man bruge en biblioteksbaseret løsning bygget på Intersection Observer API som en reserveløsning, selvom andelen af brugere med sådanne browsere i praksis er forsvindende lille på de fleste websites i dag. Tjek din egen sides besøgsstatistik, for du indfører den ekstra kompleksitet.

Ofte stillede spørgsmål