Analysez les performances réelles de votre site avec les données CrUX

Domaine
URL
Données actuelles
Historique (25 semaines)

Chargement de l'historique...

Core Web Vitals Qu'est-ce que les Core Web Vitals ?

Les Core Web Vitals sont un ensemble de trois métriques définies par Google pour mesurer l'expérience utilisateur d'une page web. Ces métriques sont un facteur de classement officiel pour le SEO depuis 2021.

Pour réussir l'évaluation Core Web Vitals, les trois métriques doivent atteindre le seuil "bon" au 75e percentile sur les données terrain (données réelles des utilisateurs collectées par Chrome).

LCP Chargement - ≤ 2.5s INP Interactivité - ≤ 200ms CLS Stabilité - ≤ 0.1

Largest Contentful Paint (LCP)

Temps de chargement du plus grand élément visible

Seuils : ≤ 2.5s bon | > 4s mauvais

Qu'est-ce que le LCP ?

Le LCP mesure le temps nécessaire pour afficher le plus grand élément de contenu visible dans la fenêtre d'affichage. Cela inclut généralement les images hero, les vidéos ou les grands blocs de texte.

Comment améliorer le LCP

  • Optimiser les images : Utilisez des formats modernes (WebP, AVIF), compressez-les et définissez des dimensions explicites
  • Précharger les ressources critiques : Utilisez <link rel="preload"> pour les images LCP et les polices
  • Améliorer le temps de réponse serveur : Utilisez un CDN, optimisez le backend, mettez en cache les réponses
  • Éliminer le CSS bloquant : Inlinez le CSS critique et différez le reste
  • Éviter les changements de mise en page : Définissez toujours width et height sur les images

Interaction to Next Paint (INP)

Réactivité aux interactions utilisateur

Seuils : ≤ 200ms bon | > 500ms mauvais

Qu'est-ce que l'INP ?

L'INP mesure la latence de toutes les interactions utilisateur (clics, appuis, saisies clavier) pendant toute la durée de visite d'une page. Un bon INP signifie que la page répond rapidement aux actions de l'utilisateur.

Comment améliorer l'INP

  • Réduire le JavaScript : Fragmentez les longues tâches JavaScript (>50ms) en plusieurs petites tâches
  • Différer le JavaScript non critique : Utilisez defer ou async sur les scripts
  • Éviter les calculs lourds : Utilisez Web Workers pour les opérations coûteuses
  • Optimiser les gestionnaires d'événements : Utilisez la délégation d'événements et débounce/throttle
  • Réduire le DOM : Un DOM plus petit = des mises à jour de rendu plus rapides

Cumulative Layout Shift (CLS)

Stabilité visuelle de la page

Seuils : ≤ 0.1 bon | > 0.25 mauvais

Qu'est-ce que le CLS ?

Le CLS mesure la stabilité visuelle en quantifiant les décalages inattendus de mise en page. Un mauvais CLS frustre les utilisateurs qui peuvent cliquer sur le mauvais élément à cause d'un déplacement soudain.

Comment améliorer le CLS

  • Réserver l'espace pour les images/vidéos : Définissez toujours les attributs width et height
  • Éviter les publicités dynamiques : Réservez un espace fixe pour les emplacements publicitaires
  • Précharger les polices : Utilisez font-display: optional ou préchargez les polices critiques
  • Éviter d'insérer du contenu au-dessus du contenu existant : Sauf en réponse à une interaction utilisateur
  • Utiliser des animations transform : Préférez transform à top/left pour les animations
Facteurs indirects

Les métriques suivantes ne font pas partie des Core Web Vitals et n'influencent pas directement l'évaluation Pass/Fail. Cependant, elles peuvent être la cause sous-jacente d'un mauvais LCP ou INP. Optimiser ces métriques peut améliorer indirectement vos Core Web Vitals.

First Contentful Paint (FCP)

Premier affichage de contenu

Indirect
Seuils : ≤ 1.8s bon | > 3s mauvais

Qu'est-ce que le FCP ?

Le FCP mesure le temps entre le début de la navigation et le moment où le navigateur affiche le premier élément de contenu (texte, image, canvas). Un mauvais FCP indique que le serveur ou le rendu initial est trop lent, ce qui retarde également le LCP.

Impact sur les Core Web Vitals

Le FCP est un précurseur du LCP : si le premier contenu met du temps à s'afficher, le plus grand élément mettra forcément plus de temps aussi. Améliorer le FCP améliore généralement le LCP.

Comment améliorer le FCP

  • Réduire le TTFB : Un serveur lent retarde tout le reste
  • Supprimer les ressources bloquantes : CSS et JS dans le <head> bloquent le rendu
  • Inliner le CSS critique : Le CSS nécessaire au premier affichage doit être inline
  • Préconnecter aux origines tierces : <link rel="preconnect"> pour CDN, fonts, etc.
  • Minimiser le CSS/JS : Réduisez la taille des fichiers à télécharger

Time to First Byte (TTFB)

Temps de réponse du serveur

Indirect
Seuils : ≤ 800ms bon | > 1.8s mauvais

Qu'est-ce que le TTFB ?

Le TTFB mesure le temps entre la requête HTTP et la réception du premier octet de la réponse. C'est le temps que met votre serveur à "répondre". Un TTFB élevé retarde tout le reste : FCP, LCP, et même l'interactivité.

Impact sur les Core Web Vitals

Le TTFB est la fondation de toutes les autres métriques. Si votre serveur répond lentement, toutes vos métriques de performance seront impactées. C'est souvent la première chose à optimiser.

Comment améliorer le TTFB

  • Utiliser un CDN : Servez le contenu depuis des serveurs proches des utilisateurs
  • Mettre en cache les pages : Cache serveur (Redis, Varnish) ou cache applicatif
  • Optimiser les requêtes base de données : Index, requêtes N+1, pagination
  • Utiliser HTTP/2 ou HTTP/3 : Protocoles plus rapides
  • Éviter les redirections : Chaque redirection ajoute un aller-retour réseau
  • Optimiser le backend : Code serveur efficace, bon hosting

Allez plus loin avec un audit complet.

Crawl, Search Console, Analytics et Logs en quelques clics.

Analyse gratuite Essayer Cuik Pro