Mon site web est lent : comment effectuer une mesure de vitesse correcte ?

Données d'utilisateurs réels avec le laboratoire

Le test de laboratoire est utile pour rechercher des problèmes dans des conditions définies. Les données d'utilisateurs réels reflètent collectivement l'expérience des visiteurs sur différents appareils et réseaux. Les résultats des deux ne sont pas nécessairement identiques. Sur un site nouveau ou peu visité, il peut n'y avoir pas assez de données de terrain ; dans ce cas, les résultats ne sont pas rédigés comme si une mesure de terrain existait.

Trois problèmes différents

Dans les Core Web Vitals, le LCP évalue le temps d'apparition du plus grand élément visuel ou textuel dans la zone visible ; l'INP évalue la réponse à l'interaction, et le CLS évalue les déplacements inattendus. Le fait que la première image s'affiche rapidement ne signifie pas que les boutons fonctionnent également rapidement. Le fait qu'une image s'ouvre plus tard et pousse le texte vers le bas est un problème utilisateur différent du temps de chargement.

Un enregistrement de mesure reproductible

• Inscrivez l'URL complète, la date, la taille de l'appareil et les conditions du réseau.
• Évaluez séparément le premier chargement et le rechargement avec mise en cache.
• Observez le problème pendant le chargement de la page et lors des interactions de l'utilisateur.
• Vérifiez les images volumineuses, les codes tiers et le comportement des vidéos chargées.
• Examinez la distribution de plusieurs mesures dans les mêmes conditions plutôt qu'un seul exemple.
• Après les modifications, testez non seulement le score, mais aussi les fonctions du menu, des formulaires et des médias.

Quel changement d'abord ?

N'installez pas d'extensions de vitesse au hasard sans en avoir déterminé la source. Si une image volumineuse retarde le contenu initial, examinez la taille du fichier et le mode de présentation ; si un processus long bloque l'interaction, recherchez le code exécuté. Testez d'abord la modification dans un environnement contrôlé et conservez la possibilité de revenir en arrière. Augmenter le score en dégradant la qualité visuelle ou en supprimant un processus nécessaire ne répond pas à l'objectif du travail.

Décision pour les sites dynamiques

3D et la page contenant de la vidéo n'ont pas le même poids que la page de services à forte composante textuelle. Dans ce portefeuille, la page d'accueil 3D reste la seule à charger cette scène ; les guides et les pages de services ne la chargent pas. Vous pouvez voir cette différence dans la analyse du projet. Vous pouvez créer une demande d'analyse technique avec l'URL problématique et les conditions de test.

Ressources

• web.dev: Web Vitals