Les mots utiles, en clair
- LCP : contenu principal
- Le temps nécessaire pour afficher le plus grand élément visible, souvent l’image ou le titre principal.
- JavaScript : interactions
- Le code qui fait fonctionner des éléments comme les menus, les formulaires et certaines animations.
Comprendre la situation
L’élément retenu pour le LCP peut être un bloc de texte visible. Dans ce cas, diminuer le poids d’une photographie secondaire n’explique pas forcément le retard observé. Le diagnostic doit commencer par identifier l’élément effectivement mesuré dans le rapport utilisé. Il faut ensuite comparer son apparition à la réception du HTML et au chargement des ressources qui conditionnent son affichage.
Marche à suivre
- Ouvrez le détail du LCP dans le rapport de laboratoire et notez l’élément désigné ainsi que la largeur d’écran du test.
- Vérifiez visuellement quand ce texte apparaît et s’il attend une police, un style ou un changement déclenché par un script.
- Comparez une réponse fraîche et une réponse enregistrée sans modifier simultanément la typographie du thème.
- Si le HTML arrive plus tôt mais le texte reste tardif, confiez le diagnostic de rendu au responsable du thème avec l’enregistrement du test.
Vérifier le résultat
PageSpeed.fr peut accélérer une réponse admissible sans modifier la stratégie des polices ou les effets d’entrée du thème. La bonne action dépend donc de l’élément réellement mesuré. Conservez sa capture avec les résultats pour éviter une optimisation fondée uniquement sur l’apparence générale de la page.