Qu'est-ce que les Core Web Vitals ?
Les Core Web Vitals sont un ensemble de métriques définies par Google pour mesurer l'expérience utilisateur réelle sur un site web. Depuis la mise à jour "Page Experience" de 2021, ces métriques sont des facteurs de classement officiels. En 2026, avec la concurrence accrue sur les SERP, les ignorer revient à se handicaper volontairement.
Il y a 3 métriques Core Web Vitals :
LCP — Largest Contentful Paint
Le LCP mesure le temps de chargement du plus grand élément visible (image hero, titre, vidéo). C'est la métrique la plus importante — elle reflète la vitesse perçue de votre site par l'utilisateur.
Seuils :
- ✅ Bon : moins de 2.5 secondes
- ⚠️ À améliorer : 2.5s à 4s
- ❌ Mauvais : plus de 4 secondes
Comment améliorer le LCP ?
- Convertir les images en format WebP ou AVIF (40-60% plus léger que JPEG)
- Ajouter l'attribut
fetchpriority="high"sur l'image hero principale - Utiliser un CDN (Content Delivery Network) pour servir les ressources depuis un serveur proche du Maroc
- Précharger les ressources critiques avec
<link rel="preload"> - Éliminer les ressources CSS/JS bloquantes au-dessus de la ligne de flottaison
- Optimiser les réponses serveur (TTFB cible : <600ms)
CLS — Cumulative Layout Shift
Le CLS mesure la stabilité visuelle — combien les éléments de la page "sautent" pendant le chargement. Un score élevé signifie que vos utilisateurs cliquent accidentellement sur les mauvais boutons parce que la page bouge.
Causes principales du CLS :
- Images sans dimensions (width/height) définies dans le HTML
- Publicités ou embeds qui apparaissent en repoussant le contenu
- Polices de caractères qui se chargent tardivement (FOIT/FOUT)
- Contenu injecté dynamiquement par JavaScript au-dessus du contenu existant
Solutions : Toujours définir width et height sur les images, utiliser font-display: swap, réserver l'espace pour les éléments dynamiques.
INP — Interaction to Next Paint
Introduit en remplacement du FID en mars 2024, l'INP mesure le temps de réponse de votre page à toutes les interactions utilisateur (clics, tap, saisie clavier). C'est particulièrement critique sur mobile, où la puissance processeur est limitée.
Comment améliorer l'INP :
- Identifier et décomposer les "Long Tasks" JavaScript (tâches >50ms)
- Différer le JavaScript non-critique avec
deferouasync - Utiliser des Web Workers pour les calculs lourds hors du thread principal
- Minifier et compresser tous les fichiers JS/CSS
Mesurer les Core Web Vitals pour votre site marocain
Outils gratuits
Spécificités pour les sites marocains
Les connexions internet marocaines sont globalement bonnes dans les grandes villes (fibre, 4G), mais plus limitées en zones périurbaines. Pour tester de façon réaliste :
- Testez toujours sur mobile, avec une simulation "4G" dans Chrome DevTools
- Vérifiez sur des appareils Android mid-range (pas seulement les derniers iPhones)
- Utilisez WebPageTest depuis un serveur en France ou Espagne (plus proche du Maroc)
- Vérifiez que votre hébergeur a des serveurs en Europe ou, idéalement, à Casablanca/Rabat
Recommandation hébergement : Pour un site marocain, un hébergeur avec serveurs en France (OVH, Scaleway) ou avec CDN Cloudflare est bien plus performant qu'un hébergeur local sans CDN. Le temps de réponse serveur (TTFB) est critique pour le LCP.
Nous auditons vos Core Web Vitals gratuitement
Rapport de performance complet avec recommandations priorisées sous 48h.
Audit technique gratuit →