Les images sont à la fois le plus gros poste de poids d'une page et un canal de trafic à part entière via Google Images. Les optimiser, c'est donc agir sur deux fronts en même temps : alléger pour accélérer le chargement, et décrire pour se faire indexer. Un levier rare qui sert autant la vitesse web que l'optimisation on-page.
Les images, premier poste de poids d'une page
Si une page se charge lentement, les images sont presque toujours en cause. Selon HTTP Archive, 66 % du poids moyen d'une page (ouvre un nouvel onglet) provient des images. C'est, de loin, le levier d'optimisation de taille le plus impactant : alléger les images, c'est agir là où se trouve la majeure partie du poids transféré.
Pourquoi ça compte
Le poids des images se répercute directement sur le temps de chargement, donc sur l'expérience et la vitesse web. Travailler les images est souvent le meilleur rapport effort/gain d'un chantier de performance.
Alléger : format, dimensions, compression
Optimiser une image, c'est jouer sur trois leviers : choisir le bon format, la redimensionner aux dimensions réelles d'affichage, puis la compresser. L'idée n'est pas de tout sacrifier à la taille, mais de retirer le poids inutile que l'œil ne perçoit pas.
Choisir le bon format
Le format dépend du type de visuel. Photos et images riches en couleurs gagnent à être en JPG ou WebP ; logos, icônes et images contenant du texte restent nets en PNG ; le GIF est à éviter, sauf pour de petites animations simples.
| Format | Usage idéal | À éviter pour |
|---|---|---|
| JPG / WebP | Photos, visuels riches en couleurs | Logos, textes nets, transparence |
| PNG | Logos, icônes, images avec texte | Photos lourdes (poids élevé) |
| GIF | Petites animations simples | Photos et images statiques riches |
Redimensionner puis compresser
Servir une image en 3000 px de large pour l'afficher en 600 px, c'est transférer du poids pour rien. Redimensionnez d'abord aux dimensions réelles d'affichage. Compressez ensuite : autour de 60-70 % pour un JPG offre en général un bon équilibre poids/qualité.
Sur les écrans Retina (haute densité), une astuce consiste à exporter l'image agrandie de 150-200 %, à la compresser plus fort (30-40 %), puis à la rescaler à l'affichage : le rendu reste net tout en limitant le poids. Et dans tous les cas, minimiser le nombre total d'images reste la première économie.
À retenir
Bon format, bonnes dimensions, bonne compression : ces trois réflexes suffisent à régler l'essentiel du poids des images. Pour le cadre complet de la performance, voir la vitesse web.
Charger moins : lazy-loading et indexation visuelle
Lazy-loading : ne charger que le visible
Le lazy-loading (chargement différé) consiste à ne charger une image ou une iframe qu'au moment où elle entre dans le champ de vision. Comme les iframes portent souvent des médias lourds — vidéos YouTube, cartes, lecteurs embarqués — ce report réduit drastiquement le temps de chargement initial de la page.
C'est une brique d'une approche plus large. Comme le résume Joe Hall, l'optimisation de la performance passe par moins de requêtes, du cache, des médias optimisés (ouvre un nouvel onglet) : le lazy-loading sert ce premier objectif en évitant les requêtes inutiles.
Nom de fichier et alt : la porte de Google Images
Optimiser une image ne sert pas qu'à la performance : c'est aussi ce qui la rend visible dans Google Images, un canal de trafic à part entière. Deux signaux comptent. D'abord le nom de fichier : Ahrefs recommande un nom descriptif séparé par des tirets (ouvre un nouvel onglet). Ensuite l'attribut alt, qui doit être concis et descriptif (ouvre un nouvel onglet) et inclure les mots-clés pertinents — par exemple « Apple AirPods Max in silver ».
Pour les fiches produit, Yoast insiste sur le même point : un alt soigné et le nom du produit (ouvre un nouvel onglet) dans l'image principale aident à mieux ressortir en recherche visuelle. En pratique, on priorise les pages à fort trafic organique, dont les images ont le plus de chances de performer. Ce travail prolonge l'optimisation on-page et nourrit le SEO e-commerce.
Alt : double rôle
L'attribut alt décrit l'image pour Google Images, mais aussi pour les lecteurs d'écran. Un alt concis et fidèle au visuel sert donc à la fois la visibilité et l'accessibilité — deux raisons de ne jamais le laisser vide sur une image porteuse de sens.
Questions fréquentes
Pourquoi les images ralentissent-elles autant une page ?
Parce qu'elles représentent la majeure partie du poids transféré : 66 % du poids moyen d'une page (ouvre un nouvel onglet) selon HTTP Archive. C'est donc sur elles qu'un gain de format, de dimensions ou de compression produit le plus d'effet.
Quel format d'image choisir pour le SEO ?
JPG ou WebP pour les photos, PNG pour les logos et images avec texte, et GIF réservé aux petites animations. L'important reste de redimensionner aux dimensions d'affichage et de compresser : un format bien choisi mais une image trop grande reste lourde.
Comment faire apparaître mes images dans Google Images ?
Donnez à l'image un nom de fichier descriptif (ouvre un nouvel onglet) séparé par des tirets et un alt concis incluant les mots-clés. Yoast recommande d'inclure le nom du produit dans l'image principale (ouvre un nouvel onglet). Priorisez les pages à fort trafic organique.