Choisir les parcours à mesurer
Sélectionnez une page d’accueil, une page de service, une liste chargée en images, un article et le formulaire. Testez au moins une largeur mobile et une largeur ordinateur, avec une connexion et un appareil représentatifs. Notez la date, les changements récents et les éléments visibles au premier écran.
Séparez les mesures de laboratoire, qui aident à reproduire un problème, des données de terrain disponibles, qui décrivent l’expérience des visiteurs réels. Si le trafic est trop faible pour une mesure stable, ne présentez pas un score isolé comme une tendance. web.dev décrit les outils de mesure et leurs usages.
- Pages et appareils choisis.
- Mesure initiale reproductible.
- Action que le visiteur doit pouvoir terminer.
Chercher la cause du chargement lent
Repérez l’élément principal visible au chargement et la ressource qui le fournit. Une photographie de hero trop grande, chargée tard ou masquée derrière un script peut ralentir le LCP. Utilisez une image adaptée à sa taille affichée, avec dimensions HTML, variantes responsive et priorité cohérente ; ne différez pas sans raison l’image principale.
Examinez ensuite polices, CSS, JavaScript et réponses du serveur. Supprimez les ressources réellement inutiles et évitez de télécharger toutes les cartes hors écran immédiatement. Le guide des images détaille la préparation des visuels et de leurs alternatives.
Stabiliser et rendre les interactions réactives
Réservez la place des images, contenus intégrés et messages qui apparaîtront après chargement. Vérifiez le CLS pendant toute la lecture, pas seulement sur une capture initiale. Les polices et bandeaux tardifs peuvent déplacer un bouton au moment où une personne veut l’utiliser.
Pour l’INP, essayez les actions importantes : ouvrir le menu, filtrer une liste, choisir une option et corriger un formulaire. Si la réponse tarde, observez les tâches JavaScript longues et le rendu déclenché par chaque action. Une interface plus simple peut être plus efficace qu’une nouvelle bibliothèque.
Établir un budget et contrôler après publication
Fixez des limites proportionnées pour les images principales, les cartes et les scripts ajoutés. Comparez le poids réellement téléchargé sur mobile, plutôt que la taille totale du dossier d’images. Notez ce qui a été supprimé, compressé ou différé et vérifiez que la qualité visuelle et l’accessibilité restent satisfaisantes.
Rejouez les parcours après chaque changement et après mise en production. Suivez LCP, INP et CLS lorsque des données réelles sont disponibles, sans promettre qu’un score garantit une position dans les moteurs. Le guide Google sur l’expérience de page replace ces mesures dans l’ensemble de l’utilité du site.
- Poids et délai avant/après.
- Absence de régression visuelle ou fonctionnelle.
- Contrôle sur les pages et appareils prioritaires.