Test du Largest Contentful Paint (LCP)
Le test Largest Contentful Paint de SEOptimer affiche le LCP de votre page par rapport aux seuils de Google, en utilisant les propres données de terrain de Google provenant de visiteurs réels.
Auditez n’importe quel site en quelques secondes
+ Des outils SEO / GEO complets pour chaque fonctionnalité
Effectuez plus de 100 vérifications sur votre site concernant le SEO on-page, l’utilisabilité, les performances, les réseaux sociaux et les liens. Désormais avec le GEO dans chaque rapport. SEOptimer propose également la recherche de mots-clés, le suivi du classement, l’analyse des backlinks et un crawler complet du site.
À propos du Largest Contentful Paint
Qu’est-ce que le Largest Contentful Paint ?
Le Largest Contentful Paint mesure le temps nécessaire au plus grand élément visible pour finir de s’afficher — généralement une image principale, une affiche vidéo ou un bloc de texte de titre. C’est la mesure qui répond le mieux, à elle seule, à la question « quand la page est-elle apparue ? ».
Il ignore délibérément tout ce qui se trouve sous la ligne de flottaison et tout ce qui est invisible. Une page peut continuer à charger des scripts et des polices longtemps après son LCP, et cela n’a pas d’importance pour cette mesure, car le visiteur a déjà quelque chose à lire.
C’est ce qui le distingue du temps de chargement total. Le temps de chargement décrit le moment où le navigateur a terminé son travail ; le LCP décrit le moment où la page est devenue utile, c’est-à-dire le moment réellement vécu par le visiteur.
Qu’est-ce qu’un bon LCP ?
Google considère qu’un délai inférieur ou égal à 2,5 secondes est bon, qu’un délai compris entre 2,5 et 4 secondes doit être amélioré, et que tout délai supérieur à 4 secondes est mauvais. Ce seuil s’applique au 75e percentile des chargements réels de pages : il doit donc être respecté par trois visiteurs sur quatre, et non en moyenne.
Ce centile compte davantage qu’il n’y paraît au premier abord. Une moyenne peut facilement être améliorée par des visites rapides sur des connexions performantes, tandis que le 75e centile continue de prendre en compte le quart le plus lent de votre audience, qui correspond généralement aux utilisateurs mobiles.
Une page peut donc échouer au LCP tout en semblant parfaitement rapide sur la machine sur laquelle elle a été développée. Cet écart est plutôt la règle que l’exception.
Ce qui cause généralement un LCP lent
L’élément lui-même est rarement le problème. Ce qui le retarde est presque toujours lié à ce qui se passe avant son affichage, et quatre causes reviennent généralement :
- Une réponse lente du serveur, qui retarde tout le traitement en aval avant le rendu du moindre octet.
- Des fichiers CSS et JavaScript bloquant le rendu dans l’en-tête, que le navigateur doit terminer de traiter avant d’afficher la page.
- L’image principale est trop volumineuse, non optimisée ou chargée paresseusement alors qu’elle ne devrait pas l’être.
- L’image est découverte tardivement, car elle est définie par CSS ou injectée par un script au lieu de figurer dans le HTML.
C’est la dernière qui piège le plus souvent les utilisateurs. Un navigateur ne peut commencer à charger que ce qu’il peut voir dans le balisage. Ainsi, une image qui n’est jamais mentionnée dans le HTML ne peut pas commencer à se charger avant que la feuille de style ou le script qui la mentionne ait été chargé et analysé.
Comment l’améliorer
- Placez l’image principale dans le HTML sous forme de balise img afin que le navigateur la détecte immédiatement.
- Ne chargez jamais l’élément LCP en différé : le chargement différé est destiné aux éléments situés sous la ligne de flottaison.
- Servez-la dans un format moderne, à la taille à laquelle elle est réellement affichée.
- Préchargez-la s’il s’agit véritablement de l’élément le plus important de la page.
- Déplacez les fichiers CSS et JavaScript non critiques hors du chemin de rendu.
- Réduisez le temps de réponse du serveur, car chaque milliseconde y est passée avant que toute autre opération ne commence.
Ce que cet outil vérifie
Le test LCP lit les données de terrain de Google pour la page — des mesures recueillies auprès de visiteurs réels utilisant Chrome — et indique où elles se situent par rapport aux seuils ci-dessus.
Si aucun résultat ne s’affiche, cela signifie que la page ne reçoit pas suffisamment de trafic pour que Google puisse fournir un rapport, ce qui est courant pour les pages nouvelles ou peu consultées. Il ne s’agit pas d’un échec, et la réaction la plus judicieuse consiste à corriger les causes évidentes plutôt qu’à attendre qu’un score apparaisse.
Pour les deux autres métriques, ou pour les trois ensemble, utilisez les Test des Core Web Vitals.
Pour aller plus loin
Le LCP est un symptôme ; les causes sont le poids et l’attente. Vérifiez le temps de réponse du serveur avec le test de vitesse de chargement du site web, le poids de la page avec le contrôle du taille du fichier de la page web, et si les images elles-mêmes sont à l’origine du problème avec l’outil de vérification des optimisation des images.
Boîte à outils SEO complète avec plus de 55 outils
Vérifiez les titres, les méta-descriptions, les en-têtes, les données structurées Schema, les Core Web Vitals, le SSL et le fichier robots.txt. Générez des balises méta, des sitemaps et des règles .htaccess, minifiez vos fichiers CSS, JS et HTML, et rédigez du contenu grâce à nos outils de rédaction IA — instantanément et gratuitement.
Lectures complémentaires
Voir plus
Core Web Vitals : Comment sont-ils cruciaux pour le référencement ?
Vous devez optimiser vos pages Web pour offrir une expérience utilisateur sans faille. Mais comment pouvez-vous mesurer la qualité de l'expé...
SEOptimer's Core Web Vitals Checks
What are Core Web Vitals?
Google launched the Core Web Vitals (CWV) initiative in 2020 - "essential metrics for a healthy site". T...
Page Speed : ce que c’est et comment elle influe sur le SEO
Définition
Le terme « Page Speed » fait référence au temps que prend le téléchargement de votre contenu multimédia ou de votre page Web d...
Webpage Size - Why is it important? And how do you optimize it?
What is Webpage Size?
The term webpage size in the SEO world refers to the downloaded file size of a given web page.
The...