LCP
Largest Contentful Paint
Le temps nécessaire à l'affichage du plus grand élément visible. Bon : 2,5 secondes ou moins.
Bon ≤ 2.5 s
Lire la suiteComprendre les performances web
Des sites plus rapides, de meilleurs Core Web Vitals et un SEO technique plus clair
Des guides pratiques et des outils gratuits pour mesurer et améliorer le Largest Contentful Paint, l'Interaction to Next Paint, le Cumulative Layout Shift et leurs causes.
Outil à découvrir
Vérificateur Core Web Vitals : interpréter LCP, INP et CLS
Classez des valeurs déjà mesurées en conservant leur source et leurs unités.
Ouvrir l'outilLes trois Core Web Vitals
Google évalue ces trois métriques auprès des utilisateurs réels au 75e centile. Chacune possède un seuil documenté correspondant à une bonne expérience.
INP
Interaction to Next Paint
La rapidité de réponse aux clics, touchers et frappes au clavier. Bon : 200 millisecondes ou moins.
Bon ≤ 200 ms
Lire la suiteCLS
Cumulative Layout Shift
L'ampleur des déplacements inattendus du contenu visible pendant la visite. Bon : 0,1 ou moins.
Bon ≤ 0.1
Lire la suiteGuides à découvrir
Tous les guides
Core Web Vitals pour débutants : mesurer et améliorer LCP, INP et CLS
Partez de l’expérience de vos visiteurs, puis choisissez la mesure adaptée pour déterminer ce qu’il faut corriger.
Réduire le temps de réponse du serveur : diagnostiquer et améliorer le TTFB
Séparez les délais de connexion du travail applicatif avant de modifier l’hébergement, le cache ou la livraison.
Améliorer Largest Contentful Paint en corrigeant la phase LCP la plus lente
La plus grande image n’est pas toujours le problème : le délai avant son téléchargement peut compter davantage.
Derniers articles
Tous les guides
SEO JavaScript : comment Google rend les pages et garde le contenu indexable
Vérifiez le contenu accessible à Google : une session de navigateur réussie ne prouve pas l’indexabilité.
Les bases du SEO technique : rendre les bonnes pages explorables, indexables et reliées
Créez un chemin accessible vers le contenu utile, puis vérifiez ce que Google a réellement traité.
Améliorer les Core Web Vitals dans Next.js avec le rendu, les images et l’hydratation
Déterminez ce que le serveur envoie, ce que le navigateur exécute et ce que votre mesure représente réellement.
Accélérer Shopify : optimiser le thème, les apps et le parcours d’achat
Commencez par le parcours d’achat et les ressources réellement demandées par le thème.
Core Web Vitals WordPress : optimiser hébergement, thème et WooCommerce
Reliez chaque correction au modèle, à l’état du visiteur et à l’étape réellement lente.
Scripts tiers : mesurer leur coût et les charger au bon moment
Un petit chargeur ne rend pas une fonction légère : mesurez toute l’interaction.
Parcourir par thème
Core Web Vitals
Comprendre et améliorer LCP, INP et CLS.
Optimisation de la vitesse
Images, JavaScript, CSS, polices et cache en pratique.
Performances serveur et hébergement
Comprendre TTFB, couches de cache, CDN et HTTP.
SEO technique
Exploration, indexation, rendu et classement en contexte.
Optimisation par plateforme
Guides pour WordPress, WooCommerce, Shopify, Next.js et React.
Guides par plateforme
Tout voirAméliorer les Core Web Vitals dans Next.js avec le rendu, les images et l’hydratation
Déterminez ce que le serveur envoie, ce que le navigateur exécute et ce que votre mesure représente réellement.
Accélérer Shopify : optimiser le thème, les apps et le parcours d’achat
Commencez par le parcours d’achat et les ressources réellement demandées par le thème.
Core Web Vitals WordPress : optimiser hébergement, thème et WooCommerce
Reliez chaque correction au modèle, à l’état du visiteur et à l’étape réellement lente.
Outils de performance gratuits
Sans compte ni suivi de vos saisies. Tout fonctionne dans votre navigateur, sauf indication contraire de l'outil.
Vérificateur Core Web Vitals : interpréter LCP, INP et CLS
Comparez vos mesures aux seuils des Core Web Vitals.
Liste de contrôle des performances : planifier les corrections
Suivez les vérifications pratiques de performance du site.
Calculateur d’économie d’images : comparer avant et après
Comparez les tailles et estimez les économies de transfert.
Seuils Core Web Vitals : référence LCP, INP et CLS
Comparez les seuils de LCP, INP et CLS.
Analyseur PageSpeed Insights : comprendre les pages publiques
Examinez le laboratoire PageSpeed et le terrain disponible.
Ressources populaires
- Core Web VitalsCore Web Vitals pour débutants : mesurer et améliorer LCP, INP et CLS
- Core Web VitalsAméliorer Largest Contentful Paint en corrigeant la phase LCP la plus lente
- Core Web VitalsAméliorer Interaction to Next Paint : diagnostiquer saisie, traitement et affichage
- Optimisation de la vitesseLire un rapport PageSpeed Insights et choisir la prochaine correction
- Optimisation par plateformeCore Web Vitals WordPress : optimiser hébergement, thème et WooCommerce
- Performances serveur et hébergementRéduire le temps de réponse du serveur : diagnostiquer et améliorer le TTFB
Contenu partenaire
Des articles sur les entreprises et services de performance web, publiés séparément de nos guides éditoriaux.
Vitesse du site : agir soi-même ou faire appel à un spécialiste ?
Distinguez les changements accessibles des problèmes qui exigent un diagnostic technique, puis préparez un brief clair et vérifiez les résultats.
Suivre les changements de performance web et de recherche sans réagir à chaque annonce
Une méthode pour décider quelles mises à jour méritent une intervention, à partir des sources officielles, des données du site et des tests après déploiement.
Publier des articles avec l’IA : vérifier la vitesse et l’indexation
Une méthode de vérification pour les articles rédigés avec l’IA : images responsives, HTML propre, paramètres d’indexation cohérents et contrôle des preuves.