Les Core Web Vitals, en clair
Les Core Web Vitals sont trois métriques que Google utilise pour mesurer l'expérience réelle d'une page : la vitesse d'affichage (LCP), la réactivité (INP) et la stabilité visuelle (CLS). Elles influencent le classement et, surtout, le taux de conversion. Sur le marché sénégalais où la 3G et la 4G instable dominent, un bon score est un avantage commercial direct.
Ce guide donne les seuils exacts, les causes les plus fréquentes de mauvaises notes, les corrections concrètes et les gains attendus.
Les trois seuils à connaître
Google classe chaque métrique en bon, à améliorer, ou mauvais. Visez systématiquement la zone bon.
| Métrique | Bon | À améliorer | Mauvais |
|---|---|---|---|
| LCP | inférieur à 2,5 s | 2,5 à 4,0 s | supérieur à 4,0 s |
| INP | inférieur à 200 ms | 200 à 500 ms | supérieur à 500 ms |
| CLS | inférieur à 0,1 | 0,1 à 0,25 | supérieur à 0,25 |
Ce que chaque métrique mesure
- LCP, Largest Contentful Paint : temps d'affichage du plus gros élément visible, souvent l'image hero ou un titre.
- INP, Interaction to Next Paint : délai entre une interaction utilisateur et la réponse visuelle.
- CLS, Cumulative Layout Shift : ampleur des sauts de mise en page pendant le chargement.
LCP : causes et corrections
| Cause fréquente | Correction | Gain attendu |
|---|---|---|
| Image hero non optimisée | WebP ou AVIF, dimension exacte | 0,5 à 1,5 s |
| Pas de preload du LCP | Preload de l'image principale | 0,3 à 0,8 s |
| Serveur lent (TTFB élevé) | Cache et CDN | 0,4 à 1,0 s |
| Polices bloquantes | font-display swap, preload | 0,2 à 0,6 s |
| JavaScript bloquant le rendu | Différer ou supprimer le JS inutile | 0,3 à 1,2 s |
INP : causes et corrections
L'INP a remplacé le FID en 2024. Il pénalise les pages dont le thread principal est saturé.
| Cause fréquente | Correction | Gain attendu |
|---|---|---|
| Trop de JavaScript au chargement | Réduire et fractionner le bundle | 50 à 200 ms |
| Tâches longues sur le thread principal | Découper en tâches courtes | 40 à 150 ms |
| Gros gestionnaires d'événements | Debounce, deport en arrière-plan | 30 à 120 ms |
| Hydratation lourde | Hydratation partielle ou différée | 50 à 180 ms |
CLS : causes et corrections
| Cause fréquente | Correction | Gain attendu |
|---|---|---|
| Images sans dimensions | Définir width et height | 0,05 à 0,2 |
| Polices web qui décalent le texte | Réserver l'espace, font-display | 0,02 à 0,1 |
| Bannières injectées après coup | Réserver l'espace en amont | 0,05 à 0,15 |
| Contenu insère au-dessus du pli | Éviter l'insertion dynamique haute | 0,05 à 0,2 |
Mesurer correctement : 3G et 4G
Mesurer en fibre donne une fausse impression de rapidité. La vérité est dans les conditions réelles de vos visiteurs.
| Condition | Méthode | À surveiller |
|---|---|---|
| Données terrain | Rapport CrUX, données réelles | LCP, INP, CLS au 75e centile |
| Laboratoire 4G | Audit avec throttling 4G | LCP, total bloquant |
| Laboratoire 3G | Audit avec throttling 3G lent | Time to interactive |
Besoin d'un site web professionnel ?
Kolonell crée des sites web qui attirent des clients, optimisés pour le marché sénégalais. Devis gratuit en 2 minutes.
Le 75e centile, pas la moyenne
Google évalue au 75e centile : 75 pour cent de vos visiteurs doivent être dans la zone bon. Optimiser pour le visiteur moyen ne suffit pas ; visez les connexions lentes.
Exemple chiffré
Page produit d'une boutique : avant optimisation, LCP 4,3 s, INP 320 ms, CLS 0,22 en 4G. Après travaux : image hero passée en AVIF avec preload (gain 1,2 s), bundle JavaScript réduit de 380 à 140 Ko (gain 180 ms d'INP), dimensions fixes sur toutes les images (CLS de 0,22 à 0,04). Résultat : LCP 2,3 s, INP 180 ms, CLS 0,04. Les trois métriques passent en zone bon. Le taux de rebond mobile a baisse de 19 pour cent sur le mois suivant.
Plan d'action priorisé
| Priorité | Action | Impact |
|---|---|---|
| 1 | Optimiser et précharger l'image LCP | fort sur LCP |
| 2 | Réduire le JavaScript au chargement | fort sur INP |
| 3 | Fixer les dimensions de tous les médias | fort sur CLS |
| 4 | Activer cache et CDN | moyen sur LCP |
| 5 | Optimiser les polices | moyen sur LCP et CLS |
FAQ
Quelle métrique optimiser en premier ?
Le LCP, presque toujours, car c'est la plus visible et la plus simple à corriger via l'image hero. Puis l'INP, puis le CLS.
L'INP a-t-il remplacé le FID ?
Oui, depuis 2024 l'INP est la métrique officielle de réactivité. Il est plus exigeant car il mesure toutes les interactions, pas seulement la première.
Pourquoi mon score laboratoire est bon mais le terrain mauvais ?
Parce que le laboratoire testé souvent en bonne connexion. Le terrain reflète vos vrais visiteurs, souvent en 3G ou 4G instable. Fiez-vous aux données terrain.
Quel est le seuil acceptable du CLS ?
Inférieur à 0,1 au 75e centile. La cause la plus courante de mauvais CLS reste les images sans dimensions et les bannières injectées.
Combien de temps pour voir l'effet sur le classement ?
Les données terrain se mettent à jour sur une fenêtre glissante d'environ 28 jours. Comptez quatre à huit semaines pour voir l'impact se stabiliser.
Discutons de votre projet. Kolonell optimise les Core Web Vitals jusqu'en zone verte, mesures à l'appui. WhatsApp +221 77 596 93 33.
Mohamed Bah
Fondateur, Kolonell
Passionné par le digital et l'entrepreneuriat en Afrique, Mohamed accompagne les entreprises sénégalaises dans leur transformation digitale depuis 2020. Fondateur de Kolonell, il croit que chaque PME mérite une présence en ligne professionnelle et accessible.
