Sites & e-commerce

Vitesse de site et Core Web Vitals : le guide pour les non-techniciens

Graphique de performance sur un écran

Un site lent fait fuir les visiteurs et pèse sur le référencement. Google mesure l'expérience de vos visiteurs avec trois indicateurs appelés Core Web Vitals. Ce guide les explique sans jargon, et vous montre où agir en priorité.

En bref

  • LCP : le temps d'affichage du contenu principal. Objectif : 2,5 secondes ou moins.
  • INP : la réactivité quand on clique ou touche l'écran. Objectif : 200 ms ou moins.
  • CLS : la stabilité de la page pendant le chargement. Objectif : 0,1 ou moins.

Les trois indicateurs et leurs seuils

Seuils officiels de Google (web.dev)
IndicateurCe qu'il mesureBonÀ améliorerMauvais
LCPAffichage du contenu principal≤ 2,5 s2,5 – 4 s> 4 s
INPRéactivité aux interactions≤ 200 ms200 – 500 ms> 500 ms
CLSStabilité visuelle≤ 0,10,1 – 0,25> 0,25

Comment mesurer la vitesse de votre site

OutilGratuitCe qu'il apporte
PageSpeed InsightsOuiScores, données réelles des visiteurs (si trafic suffisant), recommandations
Google Search ConsoleOuiRapport Core Web Vitals sur l'ensemble de vos pages
Lighthouse (Chrome)OuiAudit détaillé directement dans le navigateur

Testez toujours la version mobile : c'est elle que Google utilise en priorité, et c'est sur mobile que la lenteur se ressent le plus.

Les causes les plus fréquentes d'un site lent

Les correctifs par ordre d'efficacité

  1. Alléger les images

    Format WebP ou AVIF, dimensions adaptées à l'affichage, chargement différé des images situées plus bas dans la page.

  2. Supprimer les scripts inutiles

    Chaque widget, pixel ou module ajouté a un coût. Gardez seulement ce qui sert vraiment.

  3. Activer le cache et la compression

    Le navigateur réutilise les fichiers déjà téléchargés au lieu de les recharger à chaque visite.

  4. Réserver la place des éléments

    Indiquer la taille des images et des blocs évite que la page « saute » pendant le chargement (CLS).

  5. Choisir un hébergement adapté

    Un réseau de diffusion (CDN) rapproche votre site de vos visiteurs, en France comme au Maroc.

Comprendre chaque indicateur avec un exemple

Le LCP (Largest Contentful Paint) correspond au moment où le plus grand élément visible s'affiche : souvent l'image principale ou le titre. Si votre page d'accueil commence par une grande photo de 3 Mo, c'est elle qui fait exploser le LCP. La solution est presque toujours la même : une image compressée, aux bonnes dimensions, chargée en priorité.

L'INP (Interaction to Next Paint) mesure le délai entre un clic (sur un menu, un bouton, un champ) et la réaction visible de la page. Un INP mauvais signifie que le navigateur est occupé à exécuter trop de JavaScript : carrousels, chats, scripts publicitaires, outils de suivi en cascade.

Le CLS (Cumulative Layout Shift) mesure les « sauts » de la page. Vous allez cliquer sur un bouton, une bannière apparaît au-dessus, et vous cliquez au mauvais endroit : c'est du CLS. Il vient des images sans dimensions, des publicités, des polices qui changent la taille du texte ou des bandeaux insérés tardivement.

IndicateurSymptôme ressentiCause la plus fréquente
LCP lent« La page reste blanche ou incomplète »Image principale trop lourde, serveur lent
INP élevé« Je clique et rien ne se passe »Trop de JavaScript (widgets, trackers)
CLS élevé« La page bouge pendant que je lis »Images sans dimensions, bandeaux tardifs

Données de laboratoire et données réelles

PageSpeed Insights affiche deux types de résultats. Les données de terrain proviennent de vrais visiteurs utilisant Chrome (rapport CrUX) : ce sont elles que Google prend en compte. Les données de laboratoire sont une simulation sur un mobile moyen : utiles pour diagnostiquer, mais variables d'un test à l'autre. Un petit site sans beaucoup de trafic n'a souvent que des données de laboratoire, et c'est normal.

Pourquoi la vitesse compte autant

La vitesse influence directement trois choses : l'envie du visiteur de rester, sa confiance dans votre entreprise, et la place que Google accorde à votre site. Un site rapide n'est pas un luxe technique, c'est une condition pour que votre site rapporte.

Un projet de site, de plateforme ou d'automatisation ?

Parlons-en 20 minutes. Vous recevez un devis détaillé sous 24h, sans engagement.