Les Core Web Vitals sont un ensemble d'indicateurs que Google utilise pour évaluer l'expérience utilisateur d'une page, et qui influencent indirectement son classement dans les résultats de recherche. Les images y jouent un rôle central sur au moins deux de ces indicateurs.

Le LCP (Largest Contentful Paint) : le temps d'affichage du plus grand élément

Le LCP mesure le temps nécessaire pour afficher le plus grand élément visible dans la zone visible de l'écran au chargement de la page. Sur la plupart des sites, cet élément est une image : une photo d'en-tête, un visuel de bannière, une image de produit en avant.

Un LCP jugé bon par Google se situe sous 2,5 secondes. Une image lourde et non optimisée peut à elle seule faire dépasser ce seuil, en particulier sur une connexion mobile, ce qui pénalise directement cet indicateur.

Le CLS (Cumulative Layout Shift) : la stabilité visuelle pendant le chargement

Le CLS mesure les décalages visuels inattendus pendant le chargement d'une page, par exemple quand un bloc de texte se déplace parce qu'une image se charge après coup et pousse le contenu. Ce problème survient typiquement quand les dimensions d'une image ne sont pas déclarées à l'avance dans le code de la page, obligeant le navigateur à réajuster la mise en page une fois l'image chargée.

La correction ne concerne pas directement la compression, mais la manière dont l'image est intégrée : déclarer systématiquement une largeur et une hauteur (ou un ratio d'aspect) pour chaque image dans le code évite ce décalage, quel que soit le temps de chargement du fichier.

Pourquoi la compression seule ne suffit pas toujours

Réduire le poids d'une image améliore le LCP en accélérant son affichage, mais n'a aucun effet sur le CLS si les dimensions ne sont pas correctement déclarées dans le code. Les deux optimisations sont complémentaires et doivent être menées ensemble pour un effet optimal sur l'ensemble des Core Web Vitals.

Prioriser l'image visible en premier

Toutes les images d'une page n'ont pas le même impact sur le LCP : seule celle affichée dans la zone visible au premier chargement compte pour cet indicateur. Il est donc particulièrement important de soigner la compression et le chargement de cette image précise (souvent l'image d'en-tête ou le premier visuel produit), les images plus bas dans la page ayant un effet moindre sur ce score spécifique, même si leur optimisation reste utile pour le poids global du site.

En résumé

Les images influencent directement deux des trois Core Web Vitals surveillés par Google. Une compression correcte améliore le LCP, tandis que des dimensions correctement déclarées dans le code évitent les décalages visuels mesurés par le CLS. Les deux méritent d'être traités ensemble.