Waarom textuurrijke pagina's vertragen
Texturen zijn beeldrijke content. Een galerij met 50 previews als ongeoptimaliseerde PNG's kan 25–50 MB verzenden. Doel: kwalitatieve previews bij minder dan 2 MB initiële lading.
Formaatkeuze: WebP boven PNG
WebP bereikt 25–35% kleinere bestanden dan PNG bij gelijke kwaliteit.
Lazy loading en responsieve afbeeldingen
Het loading=“lazy” attribuut stelt laden uit tot afbeeldingen in de viewport verschijnen. Gebruik srcset voor apparaat-geschikte afbeeldingsgroottes.
CDN en caching
Serveer afbeeldingen via CDN met agressieve cache-headers. Cache-Control: public, max-age=31536000, immutable voor statische thumbnails.
Prestaties meten
Gebruik Lighthouse of WebPageTest voor LCP en TBT. Monitor Core Web Vitals in Google Search Console.