Lazy laden
Lazy loading betekent dat afbeeldingen, video's en ingesloten content pas worden geladen wanneer ze in beeld komen. De browser haalt dus alleen op wat daadwerkelijk zichtbaar is op het moment dat de pagina wordt weergegeven, in plaats van alles tegelijk.
Dit voordeel is aanzienlijk voor websites met veel afbeeldingen. Een pagina met dertig foto's laadt er in eerste instantie misschien drie, waarna de rest verschijnt tijdens het scrollen. Dit vermindert de hoeveelheid overgedragen data, ontlast mobiele verbindingen en verbetert de laadtijden merkbaar.
Er is één belangrijke uitzondering: de grote afbeelding bovenaan, meestal de hero-afbeelding, mag niet met vertraging laden. Dit is doorgaans het element dat Google gebruikt om de Largest Contentful Paint (LCP) te meten. Het vertragen van het laden ervan verslechtert juist de metriek die u probeerde te verbeteren.
Moderne browsers ondersteunen van nature lazy loading via een attribuut op de afbeelding; er is geen plug-in nodig. Het blijft echter belangrijk om de breedte en hoogte voor elke afbeelding te specificeren, anders zal de lay-out verspringen bij het herladen.
Terug naar de woordenlijst