Ik heb een website met een grid van images die lazy geload worden (loading="lazy"). Het probleem is dat dit voor een hoge LCP in Google Lighthouse zorgt. Ik weet dat het aanbevolen is afbeeldingen above the fold eager te loaden, maar aangezien mijn grid van afbeeldingen responsive is en geen vast aantal rijen/kolommen heeft (en daarbovenop ook nog eens de grootte van de afbeeldingen verandert), zie ik niet echt in hoe ik dit best kan oplossen.
Misschien dat ik met JavaScript kan checken of een afbeelding in de viewport zit, maar dan moet natuurlijk wel verhinderd worden dat de afbeeldingen niet vóór JavaScript geladen worden.
Misschien dat ik met JavaScript kan checken of een afbeelding in de viewport zit, maar dan moet natuurlijk wel verhinderd worden dat de afbeeldingen niet vóór JavaScript geladen worden.