Ouvrez votre rapport préféré « Pourquoi mon site est-il lent » et, neuf fois sur dix, le principal contrevenant sont les images. Ils sont faciles à ajouter et faciles à oublier : une seule photo de téléphone non optimisée peut peser plus que tous vos HTML, CSS et JavaScript réunis. La bonne nouvelle : c’est aussi la chose la plus simple à résoudre, et les résultats se manifestent à la fois en termes de vitesse et de recherche.
Pourquoi les images dominent le poids de la page
Un téléphone moderne prend des photos de 12 à 50 mégapixels de 4 à 12 Mo chacune. Déposez-en trois sur une page et vous obtenez une page de 20 Mo avant qu’un seul mot de texte ne se charge. Même les fichiers JPEG « au format Web » en pleine qualité font souvent entre 1 et 3 Mo. Multipliez par chaque image et chaque visiteur – en particulier sur les données mobiles – et le coût est énorme.
Core Web Vitals, en anglais simple
Les Core Web Vitals de Google sont trois mesures de l'expérience de la page par des utilisateurs réels. Les images touchent les trois, mais dominent la première :
| Métrique | Mesures | "Bien" | Impact sur les images |
|---|---|---|---|
| PCL | Il est temps de rendre le plus grand élément | ≤ 2.5s | Énorme — l'élément LCP est généralement une image |
| CLS | Stabilité visuelle (changement de disposition) | ≤ 0.1 | Les images sans largeur/hauteur provoquent des décalages |
| INP | Réactivité aux entrées | ≤ 200 ms | Indirect : les pages lourdes bloquent le fil principal |
LCP est celui sur lequel il faut être obsédé. Si votre élément le plus volumineux est une image de héros (c'est généralement le cas), sa taille en octets et le délai de récupération par le navigateur déterminent si vous réussissez ou échouez.
Est-ce que cela affecte réellement les classements ?
Oui, Google utilise l'expérience de la page, y compris Core Web Vitals, comme signal de classement. Il s'agit d'un facteur de départage plutôt que d'une baguette magique : un contenu de qualité l'emporte toujours, mais entre deux pages comparables, la plus rapide a l'avantage. Et il y a un effet plus direct qui compte encore plus que les classements : la vitesse stimule les conversions. Étude après étude, le taux de rebond augmente fortement à chaque seconde supplémentaire de temps de chargement. La compression des images améliore la métrique des montres Google et les revenus qui vous tiennent à cœur.
Le correctif, par ordre de priorité
- Compressez et convertissez en WebP/AVIF. La victoire simple la plus rapide. Voir quel format utiliser.
- Présentez des images aux bonnes dimensions. N'envoyez pas une image de 4 000 px dans un emplacement de 800 px. Lire redimensionner ou compresser.
- Définir explicite
widthetheight(ou une boîte de rapport hauteur/largeur) afin que les images ne modifient pas la mise en page – cela protège votre CLS. - Chargement paresseux des images sous la ligne de flottaison avec
loading="lazy", mais jamais chargez paresseusement votre héros LCP — il devrait se charger avec impatience, même avec une priorité élevée. - Utilisez des images réactives (
srcset) afin que les téléphones téléchargent de petites versions et que les ordinateurs de bureau téléchargent de grandes versions.
Une cible rapide à viser
Conservez les images du contenu sous environ 150 Ko et les héros sous environ 250 Ko. Ces objectifs sont facilement réalisables avec un format moderne de qualité 80 et des dimensions correctes, sans perte de qualité visible. Exécutez par lots votre bibliothèque existante via le compresseur et vous supprimerez généralement plus de la moitié du poids total de votre page en un seul passage.
Questions fréquemment posées
Does image compression help SEO? +
Indirectly but meaningfully. Google uses page experience signals — including Core Web Vitals — as a ranking factor. Images are the most common cause of a poor Largest Contentful Paint (LCP) score, so compressing and correctly sizing them is one of the highest-leverage speed fixes, which supports rankings and, more importantly, conversions.
What is a good LCP score? +
Google considers LCP "good" at 2.5 seconds or less (at the 75th percentile of real visits). Since the LCP element is very often a hero image, its file size and load priority directly determine whether you pass.
How much faster will my site be after compressing images? +
It depends on how heavy your images are now, but on image-heavy pages that have never been optimised, cutting image weight by 60–80% commonly shaves one to several seconds off load time — the single biggest win available without touching code.
What image size should I aim for on the web? +
As a guideline, keep most in-content images under ~150 KB and hero images under ~200–300 KB. Combine a modern format (WebP/AVIF), correct dimensions, and quality around 80 to hit those numbers with no visible loss.