Core Web Vitals au Maroc. Pourquoi votre site lent vous coûte des clients en 2026.

17 mai 202610 min de lectureOmar Messaoudi, fondateur Cadence

Les Core Web Vitals sont les métriques de performance web utilisées par Google pour évaluer l'expérience utilisateur sur un site et les utiliser comme facteur de classement dans ses résultats. Au Maroc, où 72 % du trafic est mobile et la qualité du réseau est variable (4G en zone urbaine, 3G en périurbain), ces métriques ont un impact direct sur vos positions Google.

Les trois métriques qui comptent

LCP (Largest Contentful Paint) : le temps que met le plus grand élément visible (souvent une image hero ou un titre principal) à s'afficher. Cible Google : inférieur à 2,5 secondes. Inférieur à 4 secondes est "à améliorer". Au-delà : "mauvais".

INP (Interaction to Next Paint, remplaçant de FID depuis mars 2024) : le temps de réponse de votre site aux interactions utilisateur (clics, touches, frappes clavier). Cible : inférieur à 200 ms. Critique sur les plateformes avec beaucoup d'interactivité.

CLS (Cumulative Layout Shift) : la stabilité visuelle de la page pendant le chargement. Un score CLS élevé signifie que les éléments bougent pendant que la page charge (boutons qui sautent, textes qui se déplacent quand les images se chargent). Cible : inférieur à 0,1.

Pourquoi c'est particulièrement important au Maroc

Le réseau mobile marocain est bon en zone urbaine (4G Orange, IAM, Inwi) mais variable en dehors. Un LCP optimisé pour Paris sur une fibre 1 Gb peut être un LCP médiocre depuis un mobile 3G à Beni Mellal.

Google teste les Core Web Vitals avec des données réelles de Chrome (Chrome User Experience Report). Si vos utilisateurs sont principalement sur mobile marocain et que votre LCP sur mobile 3G est de 5 secondes, c'est ce qui compte pour le classement, pas votre test depuis votre MacBook sur fibre.

Vérifiez vos CWV sur PageSpeed Insights avec la vue "Terrain" (données réelles) plutôt que "Laboratoire" (données simulées). La vue Terrain reflète l'expérience réelle de vos utilisateurs marocains.

Les causes fréquentes de mauvais Core Web Vitals au Maroc

LCP lent : image hero non optimisée (JPEG haute résolution non compressée, pas de format WebP ou AVIF), hébergement sans CDN (chaque requête part depuis un serveur unique), CSS bloquant au-dessus de la ligne de flottaison.

INP élevé : JavaScript lourd qui monopolise le thread principal (bibliothèques d'animation GSAP mal configurées, trackers marketing multiples, polyfills inutiles), hydratation React mal gérée qui bloque l'interactivité.

CLS élevé : images sans attributs width et height (le navigateur réserve de l'espace seulement quand l'image charge), polices web qui s'affichent en fallback puis se rechargent (FOUT/FOIT), publicités ou iframes dont la taille change au chargement.

Comment Cadence garantit Lighthouse 90+ sur chaque livraison

Cadence garantit contractuellement un score Lighthouse supérieur à 90 sur les 4 catégories (Performance, Accessibility, Best Practices, SEO) sur la version desktop. Mobile est généralement 80 à 90 selon le contenu visuel.

Les optimisations systématiques sur chaque projet :

Images : Next.js Image component avec optimisation automatique WebP/AVIF, lazy loading, et taille précise déclarée
Polices : next/font avec display=swap et preload. Les polices Google ne font plus d'aller-retour vers Google (hébergées localement par Next.js)
JavaScript : Tree-shaking automatique, Code Splitting par route, pas de bundle monolithique
CSS : Tailwind CSS avec PurgeCSS automatique. CSS critique inline, CSS non critique différé
Hébergement : Vercel CDN Paris. Ressources statiques servies depuis le nœud le plus proche de l'utilisateur
Cache : headers Cache-Control appropriés sur les assets statiques (images, polices, JS/CSS)

Comment mesurer vos Core Web Vitals

Outils gratuits disponibles :

PageSpeed Insights (pagespeed.web.dev) : données laboratoire + données terrain Chrome UX Report. C'est l'outil principal à utiliser.
Google Search Console > Expérience > Vitales Web : données agrégées réelles sur tout votre site avec segmentation mobile/desktop.
Chrome DevTools > Lighthouse : audit local depuis votre navigateur. Pratique pour le développement.
WebPageTest.org : test depuis des serveurs marocains ou proches pour simuler l'expérience locale.

L'impact sur le SEO : ce que disent les données

Une étude Search Engine Land (2023) a montré que les pages passant de "mauvais" à "bon" sur les Core Web Vitals gagnaient en moyenne 1 à 3 positions sur Google, avec des gains plus forts sur des requêtes très concurrentielles.

Au Maroc, le marché est moins concurrentiel qu'en France. Cela signifie que les gains sont proportionnellement plus importants : passer d'un LCP de 6 secondes à 2 secondes sur un site marocain peut valoir 3 à 5 positions sur des requêtes ciblées.

La formule est simple : un site rapide + un contenu pertinent + un maillage interne propre. Ce sont les trois leviers. Les Core Web Vitals, c'est le premier.

Les Core Web Vitals ne sont pas une case à cocher de façon cosmétique. Ce sont des métriques réelles qui impactent votre trafic organique et vos conversions. Au Maroc, avec un trafic majoritairement mobile, un site lent est un concurrent qui se sabote lui-même. Cadence garantit Lighthouse 90+ sur chaque livraison et fournit les métriques PageSpeed dans le rapport de handover. Si votre site actuel a un LCP supérieur à 4 secondes, c'est une priorité de refonte.

Ressources liées

Newsletter

Recevez nos prochains articles.

1 email par semaine, les meilleurs articles.

Vous avez un projet web au Maroc ?

Nous le mettons en ligne en 7 jours, prix et date signés au devis. Dès 990 DH par mois avec la Formule Propriétaire : hébergement, maintenance et évolutions inclus, et à la 12e mensualité le code est à vous.

Démarrer mon projet

D'autres articles Cadence.

Pages liées

Réalisations

Cas d'études en production →

Questions

FAQ complète Cadence →

Démarrer

Briefer mon projet →