Les images sont (souvent) les pires ennemies d’un site.
J’ai vu des sites simples (une dizaine de pages) mettre +3 secondes à charger.
Le problème n’était pas le serveur, ni le code… mais des images :
Un logo en PNG de 5 Mo 🤦♂️
Une bannière exportée direct depuis Photoshop en 4000px de large
Pas de lazy loading
Ce que je mets en place aujourd’hui pour éviter ça :
Formats modernes → WebP par défaut.
Responsive → plusieurs tailles générées automatiquement, le navigateur choisit la bonne.
Lazy loading & blur-up → seules les images visibles se chargent.
CDN ou optimisation côté build (Next/Image, OptimizedImage maison) → plus besoin d’y penser à chaque fois.
Résultat : un site qui passe de 20 à 95+ sur Lighthouse Performance
👉 Et vous, c’est quoi la pire erreur “images” que vous avez croisée en prod ?