Aller au contenu
Tous les guides
Marketing et visibilité6 min de lecture

Comment accélérer mon site ? Les Core Web Vitals expliqués simplement

Comprenez LCP, INP et CLS en langage clair, mesurez la vitesse mobile de votre site et appliquez les corrections qui comptent le plus.

Un site lent perd le visiteur avant qu'il ait lu un mot. En 4G dans le métro ou en déplacement, trois secondes de trop donnent l'impression d'une page cassée, et un visiteur qui part ne devient pas client. Google retient aussi l'expérience de page parmi de nombreux signaux.

Inutile d'être technicien : il suffit de connaître trois noms, un outil et une courte liste de corrections.

Les Core Web Vitals mesurent trois choses sur de vrais téléphones : la vitesse d'affichage du contenu principal (LCP, 2,5 s ou moins), la réactivité aux touches (INP, 200 ms ou moins) et la stabilité de la page (CLS, 0,1 ou moins). La plupart des corrections concernent les images et le nombre de scripts.

Les trois indicateurs en langage clair

Chaque indicateur répond à une question que se pose le visiteur.

  • LCP : combien de temps avant que le plus gros élément visible, souvent l'image d'en-tête ou le titre, apparaisse ? Bon : 2,5 secondes ou moins.
  • INP : quand je touche un bouton ou le menu, la page répond-elle vite ? Bon : 200 millisecondes ou moins.
  • CLS : la page bouge-t-elle pendant le chargement, au point que je clique au mauvais endroit ? Bon : 0,1 ou moins.

Mesurez d'abord sur mobile

Ouvrez PageSpeed Insights, collez votre adresse et lisez l'onglet mobile, pas l'ordinateur. Regardez d'abord les données de terrain des vrais visiteurs si elles sont affichées, puis la liste des opportunités. Testez votre accueil et votre page d'atterrissage principale, et notez les chiffres pour comparer après vos changements.

Corrigez d'abord les images

Les images sont l'élément le plus lourd de la plupart des petits sites et la cause habituelle d'un LCP lent. Elles offrent le plus gros gain pour le moins d'effort.

  • Utilisez des formats modernes comme WebP ou AVIF et ne mettez jamais en ligne une photo de smartphone en pleine taille.
  • Servez l'image à la taille où elle s'affiche, pas quatre fois plus grande.
  • Chargez l'image d'en-tête en premier et différez celles plus bas dans la page (lazy loading).
  • Indiquez toujours largeur et hauteur pour que la page ne saute pas (cela règle l'essentiel du CLS).

Réduisez scripts, polices et superflu

Chaque widget de chat, outil de suivi, carrousel ou police supplémentaire ajoute du poids et ralentit les touches. Ne gardez que ce qui le mérite. Utilisez une ou deux familles de polices et évitez la vidéo en lecture automatique en haut de page.

Un INP lent signifie souvent trop de JavaScript exécuté au moment du toucher ; le remède le plus simple est de réduire les scripts tiers.

Demandez les corrections à Uttra, puis retestez

Uttra génère un site propre et léger, vous pouvez donc demander les corrections directement : Compresse toutes les images de l'accueil, ajoute largeur et hauteur à chaque image, charge en différé celles sous le premier écran et supprime le carrousel inutilisé. Publiez, attendez de nouvelles données, puis relancez PageSpeed Insights.

Questions fréquentes

L'expérience de page est un signal parmi beaucoup d'autres, et la pertinence reste primordiale. Mais la vitesse influence clairement le fait que le visiteur reste et commande : elle est utile dans tous les cas.

Les tests en laboratoire varient selon la charge du serveur et le réseau. Regardez la tendance et les données de vrais utilisateurs plutôt qu'une seule mesure.

Non. Visez la réussite des trois indicateurs sur mobile pour vos pages clés. Courir après le score parfait coûte souvent plus qu'il ne rapporte.

Essayez sur votre propre projet

Décrivez ce que vous voulez avec vos mots et regardez votre site ou système se construire — puis modifiez-le en discutant.

Commencer gratuitement