Pourquoi les pages chargées de textures ralentissent
Les textures sont du contenu lourd en images. Une galerie de 50 aperçus en PNG non optimisés pourrait transférer 25–50 Mo. L'objectif : des aperçus de qualité avec un chargement initial sous 2 Mo.
Choix du format : WebP plutôt que PNG
WebP atteint des fichiers 25–35% plus petits que PNG à qualité équivalente.
Chargement différé et images responsives
L'attribut loading=“lazy” diffère le chargement jusqu'à ce que les images soient proches du viewport. Utilisez srcset pour servir des tailles d'images adaptées.
CDN et cache
Servez les images depuis un CDN avec des en-têtes de cache agressifs. Cache-Control: public, max-age=31536000, immutable pour les miniatures statiques.
Mesurer la performance
Utilisez Lighthouse ou WebPageTest pour LCP et TBT. Surveillez les Core Web Vitals dans Google Search Console.