Les Core Web Vitals, en clair
Les Core Web Vitals sont trois metriques que Google utilise pour mesurer l experience reelle d une page : la vitesse d affichage (LCP), la reactivite (INP) et la stabilite visuelle (CLS). Elles influencent le classement et, surtout, le taux de conversion. Sur le marche senegalais ou 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 frequentes de mauvaises notes, les corrections concretes et les gains attendus.
Les trois seuils a connaitre
Google classe chaque metrique en bon, a ameliorer, ou mauvais. Visez systematiquement la zone bon.
| Metrique | Bon | A ameliorer | Mauvais |
|---|---|---|---|
| LCP | inferieur a 2,5 s | 2,5 a 4,0 s | superieur a 4,0 s |
| INP | inferieur a 200 ms | 200 a 500 ms | superieur a 500 ms |
| CLS | inferieur a 0,1 | 0,1 a 0,25 | superieur a 0,25 |
Ce que chaque metrique mesure
- LCP, Largest Contentful Paint : temps d affichage du plus gros element visible, souvent l image hero ou un titre.
- INP, Interaction to Next Paint : delai entre une interaction utilisateur et la reponse visuelle.
- CLS, Cumulative Layout Shift : ampleur des sauts de mise en page pendant le chargement.
LCP : causes et corrections
| Cause frequente | Correction | Gain attendu |
|---|---|---|
| Image hero non optimisee | WebP ou AVIF, dimension exacte | 0,5 a 1,5 s |
| Pas de preload du LCP | Preload de l image principale | 0,3 a 0,8 s |
| Serveur lent (TTFB eleve) | Cache et CDN | 0,4 a 1,0 s |
| Polices bloquantes | font-display swap, preload | 0,2 a 0,6 s |
| JavaScript bloquant le rendu | Differer ou supprimer le JS inutile | 0,3 a 1,2 s |
INP : causes et corrections
L INP a remplace le FID en 2024. Il penalise les pages dont le thread principal est sature.
| Cause frequente | Correction | Gain attendu |
|---|---|---|
| Trop de JavaScript au chargement | Reduire et fractionner le bundle | 50 a 200 ms |
| Taches longues sur le thread principal | Decouper en taches courtes | 40 a 150 ms |
| Gros gestionnaires d evenements | Debounce, deport en arriere-plan | 30 a 120 ms |
| Hydratation lourde | Hydratation partielle ou differee | 50 a 180 ms |
CLS : causes et corrections
| Cause frequente | Correction | Gain attendu |
|---|---|---|
| Images sans dimensions | Definir width et height | 0,05 a 0,2 |
| Polices web qui decalent le texte | Reserver l espace, font-display | 0,02 a 0,1 |
| Bannieres injectees apres coup | Reserver l espace en amont | 0,05 a 0,15 |
| Contenu insere au-dessus du pli | Eviter l insertion dynamique haute | 0,05 a 0,2 |
Mesurer correctement : 3G et 4G
Mesurer en fibre donne une fausse impression de rapidite. La verite est dans les conditions reelles de vos visiteurs.
| Condition | Methode | A surveiller |
|---|---|---|
| Donnees terrain | Rapport CrUX, donnees reelles | 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 evalue au 75e centile : 75 pour cent de vos visiteurs doivent etre dans la zone bon. Optimiser pour le visiteur moyen ne suffit pas ; visez les connexions lentes.
Exemple chiffre
Page produit d une boutique : avant optimisation, LCP 4,3 s, INP 320 ms, CLS 0,22 en 4G. Apres travaux : image hero passee en AVIF avec preload (gain 1,2 s), bundle JavaScript reduit de 380 a 140 Ko (gain 180 ms d INP), dimensions fixes sur toutes les images (CLS de 0,22 a 0,04). Resultat : LCP 2,3 s, INP 180 ms, CLS 0,04. Les trois metriques passent en zone bon. Le taux de rebond mobile a baisse de 19 pour cent sur le mois suivant.
Plan d action priorise
| Priorite | Action | Impact |
|---|---|---|
| 1 | Optimiser et precharger l image LCP | fort sur LCP |
| 2 | Reduire le JavaScript au chargement | fort sur INP |
| 3 | Fixer les dimensions de tous les medias | fort sur CLS |
| 4 | Activer cache et CDN | moyen sur LCP |
| 5 | Optimiser les polices | moyen sur LCP et CLS |
FAQ
Quelle metrique optimiser en premier ?
Le LCP, presque toujours, car c est la plus visible et la plus simple a corriger via l image hero. Puis l INP, puis le CLS.
L INP a-t-il remplace le FID ?
Oui, depuis 2024 l INP est la metrique officielle de reactivite. Il est plus exigeant car il mesure toutes les interactions, pas seulement la premiere.
Pourquoi mon score laboratoire est bon mais le terrain mauvais ?
Parce que le laboratoire teste souvent en bonne connexion. Le terrain reflete vos vrais visiteurs, souvent en 3G ou 4G instable. Fiez-vous aux donnees terrain.
Quel est le seuil acceptable du CLS ?
Inferieur a 0,1 au 75e centile. La cause la plus courante de mauvais CLS reste les images sans dimensions et les bannieres injectees.
Combien de temps pour voir l effet sur le classement ?
Les donnees terrain se mettent a jour sur une fenetre glissante d environ 28 jours. Comptez quatre a huit semaines pour voir l impact se stabiliser.
Discutons de votre projet. Kolonell optimise les Core Web Vitals jusqu en zone verte, mesures a 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.
