Optimise les images de ton site en une heure : le guide complet
Tes images sont probablement le problème de performance le plus simple à corriger sur ton site. Et pourtant, c'est l'un des plus ignorés.
Un site lent perd des visiteurs avant même qu'ils aient vu ton offre. Google le sait, et il te pénalise pour ça dans ses résultats.
Ce guide te donne les 5 points à corriger, dans l'ordre, avec les outils gratuits pour le faire aujourd'hui.
Tu veux qu'on regarde l'état de ton site ensemble ?
On peut s'appeler 15 minutes et te dire exactement ce qui freine tes performances.
Pas de pitch. Pas d'engagement.
La compression
Une image non compressée peut peser 5 à 10 fois plus que nécessaire. Multiplié par toutes les images de ton site, c'est catastrophique pour ta vitesse.
La compression réduit le poids d'un fichier image sans que l'oeil humain perçoive une différence de qualité. C'est la première chose à faire, et souvent la plus impactante.
Checklist
Outils gratuits
Squoosh→squoosh.app : le plus puissant, entièrement gratuit, dans le navigateur
TinyPNG→tinypng.com : simple et rapide pour JPG et PNG
Google PageSpeed Insights→pagespeed.web.dev : pour identifier les images problématiques sur ton site
Check rapide
1. As-tu vérifié le poids de tes images actuelles avec Google PageSpeed Insights ?
2. As-tu un outil de compression dans ton process d'ajout d'images ?
Le format
JPG et PNG sont des formats des années 90. Il existe aujourd'hui des formats deux à trois fois plus légers pour une qualité visuelle identique.
WebP et AVIF sont les formats modernes recommandés par Google. Même image, même rendu visuel, mais un poids deux à trois fois inférieur à du JPG classique. Google les reconnaît, les favorise, et les prend en compte dans l'évaluation de la vitesse de ton site.
Checklist
Outils gratuits
Squoosh→squoosh.app : exporte directement en WebP ou AVIF
Convertio→convertio.co : conversion en ligne batch, plusieurs fichiers d'un coup
Can I Use→caniuse.com : pour vérifier le support WebP et AVIF selon les navigateurs
Check rapide
1. Ouvre ton site, fais clic droit sur une image, "Inspecter". Le format apparaît dans le code. Est-ce du WebP ou encore du JPG/PNG ?
2. Ton hébergement ou ton CMS supporte-t-il le WebP nativement ?
Les dimensions
Uploader une image de 4000 pixels pour l'afficher en 400 pixels, c'est demander à ton navigateur de faire un travail inutile à chaque chargement de page.
Le navigateur reçoit l'image en taille réelle, puis la réduit à l'affichage. Cette opération est silencieuse mais coûteuse en temps de chargement. Et elle se répète pour chaque visiteur, sur chaque page.
La section “Opportunités” de PageSpeed Insights te donne le gain estimé en secondes pour chaque correction. Les images surdimensionnées représentent en moyenne 60 à 70% du poids total d'une page non optimisée.
Checklist
Outils gratuits
Google PageSpeed Insights→pagespeed.web.dev : il te signale exactement quelles images sont surdimensionnées sur ton site
Inspecteur navigateur : F12 ou clic droit → Inspecter : pour vérifier la taille d'affichage réelle de chaque image
Check rapide
1. Lance ton URL sur PageSpeed Insights. Est-ce qu'il te signale des images "surdimensionnées" ?
2. Sais-tu à quelle largeur tes images s'affichent réellement sur ton site ?
+120 sites analysés · Résultats visibles dès le premier mois
Tu veux qu'on analyse tes images ensemble ?
Un appel de 15 minutes. On regarde ton score PageSpeed, on identifie les images qui plombent ta vitesse, on te dit quoi corriger en premier.
La nomenclature
“IMG_4872.jpg” ne dit rien à Google. “agence-web-lyon-creation-site.webp” lui dit tout.
Le nom de ton fichier image est un signal SEO direct. Google lit les noms de fichiers pour comprendre ce que représente une image. C'est un levier simple, gratuit, et presque personne ne le fait correctement.
Checklist
Exemples concrets
Check rapide
1. Ouvre ton site, fais clic droit sur une image, "Ouvrir dans un nouvel onglet". Que vois-tu dans l'URL ?
2. Tes nouveaux uploads ont-ils tous un nom descriptif avant d'être mis en ligne ?
Le texte alternatif (attribut alt)
Google ne peut pas voir tes images. Il lit leur description. Chaque image sans texte alt est une opportunité SEO manquée.
Le texte alt est la description textuelle d'une image. Il sert à deux choses : permettre aux moteurs de recherche de comprendre le contenu de l'image, et afficher une description si l'image ne charge pas. Attention au keyword stuffing : Google détecte et pénalise les attributs alt bourrés de mots-clés sans rapport avec l'image.
Checklist
Exemples concrets
Outils gratuits
Detailed SEO Extension→detailed.com/extension : extension Chrome qui affiche les alt de chaque image en un clic
Screaming Frog→screamingfrog.co.uk : audit complet des attributs alt manquants sur tout ton site
Check rapide
1. Inspecte 5 images de ton site. Ont-elles toutes un attribut alt rempli et descriptif ?
2. Tes images de réalisations mentionnent-elles ton activité et ta localisation dans leur alt ?
Le plan d'action en 4 étapes
Étape 1
Lance ton site sur PageSpeed Insights et note les images signalées comme problématiques
Étape 2
Compresse et convertis en WebP toutes les images de ta page d'accueil avec Squoosh
Étape 3
Vérifie les noms de fichiers et les textes alt de tes 10 images les plus visibles
Étape 4
Mets en place un process : compression + format + nom + alt avant chaque mise en ligne
Tu peux corriger tout ça seul avec ce guide, et l'impact sera visible rapidement. Si tu veux qu'on regarde ton site spécifiquement, on peut s'appeler 15 minutes. Tu repars avec la liste exacte de ce qui ralentit tes pages et quoi corriger en premier.
Tu veux qu'on regarde ton site spécifiquement ?
On s'appelle 15 minutes. Tu repars avec la liste exacte de ce qui ralentit tes pages et quoi corriger en premier.
Pas de pitch. Pas d'engagement.