Trois repères à comprendre
Le LCP mesure quand le plus grand élément visible s’affiche. L’INP mesure la réactivité aux interactions. Le CLS mesure les déplacements inattendus de la mise en page. Ces repères décrivent des aspects différents ; une seule note ne résume pas toute l’expérience.
Commencer par le poids des images
Une photo destinée à un petit cadre n’a pas besoin d’être livrée dans sa résolution maximale. Choisissez une taille adaptée et un format compressé, tout en vérifiant la qualité. Réservez dès le départ la place de l’image pour éviter que le texte ne saute.
Exemple : les photos de réalisations
Un artisan souhaite montrer dix chantiers. Il peut afficher des images adaptées à l’écran et différer le chargement de celles situées plus bas. En revanche, différer l’image principale déjà visible à l’ouverture peut ralentir ce que le visiteur attend de voir.
Mesurer dans de bonnes conditions
Un test de laboratoire comme Lighthouse simule un contexte. Les données de vrais visiteurs reflètent les appareils et connexions utilisés, lorsqu’elles sont disponibles. Comparez des mesures faites dans des conditions similaires et vérifiez aussi le site sur un téléphone.
À vérifier sur votre site
- Les images sont dimensionnées pour leur affichage.
- Les contenus hors écran peuvent se charger plus tard.
- Les scripts et services externes ont une utilité identifiée.
L’idée à retenir
Un site performant affiche les informations utiles rapidement, répond aux actions et évite les sauts de mise en page.
Le piège à éviter
Un score de 100 obtenu sur un ordinateur ne garantit pas la même expérience sur tous les téléphones. Cherchez une page confortable, pas seulement une note.