Wanneer moet je lazy loading juist niet gebruiken?
Gebruik lazy loading niet voor wat direct in beeld staat: je heroafbeelding, je logo en alles boven de vouw.
Uitstellen betekent daar dat de browser eerst iets anders doet en pas daarna aan je belangrijkste beeld begint.
Dat maakt je pagina trager en je score slechter.
Waarom het averechts werkt
Google meet hoe snel het grootste element in beeld verschijnt. Bij de meeste pagina’s is dat je heroafbeelding.
Stel je die uit, dan verslechter je precies dat cijfer. Meer daarover lees je bij pagespeed.
Wat WordPress zelf doet
Die slaat de eerste afbeelding in je inhoud over. Dat is precies om deze reden.
Omzeil dat niet met een plugin die alles uitstelt. Meer daarover lees je bij hero.
Andere uitzonderingen
Kleine pictogrammen en logo’s. Die wegen zo weinig dat uitstellen meer overhead kost dan het bespaart.
En afbeeldingen die na een klik direct zichtbaar moeten zijn. Meer daarover lees je bij header.
Mijn vuistregels
- Uit voor alles boven de vouw.
- Uit voor je logo en je pictogrammen.
- Aan voor de rest.
- Controleer na een pluginwijziging of je eerste beeld nog direct laadt.
Die laatste is nodig, want optimalisatieplugins zetten graag alles uit.
Hoe je het controleert
Meet je pagina en kijk naar het cijfer voor het grootste element. Is dat na een wijziging slechter, dan stel je te veel uit.
Meer daarover lees je bij cache.
Op mobiel
Daar past minder op het scherm, dus de vouw ligt hoger. Wat op een bureaublad onder de vouw valt, staat op een telefoon soms erboven.
Meer daarover lees je bij of lazy loading slecht is voor je vindbaarheid.