À propos des outils de mesure de la vitesse
Google a fourni de nombreux conseils sur les données et les outils d'amélioration des performances. L'objectif de cette infographie est de consolider ces conseils destinés aux développeurs et aux marketeurs afin de les aider à comprendre comment évaluer les performances et comment parcourir toutes les offres des outils de performances de Google.
Idées reçues sur les performances
Idée reçue n° 1
L'expérience utilisateur peut être mesurée à l'aide d'une seule métrique.
Une bonne expérience utilisateur ne se mesure pas à un moment précis. Il est composé d'une série d'étapes clés du parcours de vos utilisateurs. Comprenez les différentes métriques et suivez celles qui sont importantes pour l'expérience utilisateur.
Idée reçue n° 2
L'expérience utilisateur peut être capturée par un seul "utilisateur représentatif".
Les performances réelles sont très variables en raison des différences d'appareil, de connexion réseau et d'autres facteurs. Calibrez votre environnement d'atelier et de développement pour tester diverses conditions aussi différentes. Utilisez les données de terrain pour sélectionner les paramètres de test pour le type d'appareil (mobile ou ordinateur), les connexions réseau 3G ou 4G) et d'autres variables clés.
Idée reçue n° 3
Mon site Web se charge rapidement pour moi, donc il devrait se charger rapidement pour mes utilisateurs.
Les appareils et les réseaux sur lesquels les développeurs testent les performances de charge sont souvent beaucoup plus rapides que ce que vos utilisateurs expérimentent réellement. Utilisez les données réelles pour comprendre sur quels appareils et réseaux vos utilisateurs se trouvent, et pour mettre en miroir ces conditions de manière appropriée lorsque vous testez les performances.
Comprendre les données de test par rapport aux données réelles
Données de test
Les données de test sont des données de performances collectées dans un environnement contrôlé avec des paramètres d'appareil et de réseau prédéfinis. Vous obtiendrez ainsi des résultats reproductibles et des fonctionnalités de débogage permettant d'identifier, d'isoler et de résoudre les problèmes de performances.
Points forts
- Utile pour déboguer les problèmes de performances
- Visibilité approfondie et de bout en bout sur l'expérience utilisateur
- Environnement de test et de débogage reproductible
Limites
- Ne permet peut-être pas d'identifier les goulots d'étranglement dans le monde réel
- Impossible d'établir une corrélation avec les KPI des pages
Données de champ
(également appelé RUM ou Real User Monitoring)
Les données réelles sont des données de performances collectées à partir des chargements de pages réels auxquels vos utilisateurs ont recours.
Points forts
- Capture une véritable expérience utilisateur réelle
- Permet la mise en corrélation avec les indicateurs clés de performance de l'entreprise
Limites {: .compare-worse }
- Ensemble limité de métriques
- Fonctionnalités de débogage limitées
Quels sont les différents outils d'optimisation des performances ?
PhareCette page vous offre des conseils personnalisés sur la façon d'améliorer votre site Web en termes de performances, d'accessibilité, de PWA, de SEO et d'autres bonnes pratiques. |
WebPageTestPermet de comparer les performances d'une ou de plusieurs pages dans un environnement de laboratoire contrôlé, et d'examiner en détail les statistiques de performances ainsi que les performances des tests sur un appareil réel. Vous pouvez également exécuter Lighthouse sur WebPageTest. |
TestMySitePermet de diagnostiquer les performances des pages Web sur différents appareils et fournit une liste de correctifs permettant d'améliorer l'expérience Webpagetest et PageSpeed Insights. |
PageSpeed InsightsAffiche les données relatives à la vitesse de votre site, ainsi que des suggestions d'optimisation courantes pour l'améliorer. |
Rapport de vitesseComparez la vitesse de votre site mobile à celle de vos concurrents dans plus de 10 pays. La vitesse du site mobile est basée sur des données réelles issues du rapport d'expérience utilisateur Chrome. |
Simulateur d'impactEstimer les opportunités de revenus potentielles liées à l'amélioration de la vitesse de votre site mobile, selon les données d'analyse comparative de Google Analytics. |
Outils pour les développeurs ChromePermet de profiler l'environnement d'exécution d'une page, ainsi que d'identifier et de déboguer les goulots d'étranglement qui affectent les performances. |
Alors, vous êtes...
Marketeur ou développeur essayant d'élaborer une étude de cas pour améliorer l'expérience utilisateur de votre site Web Vous parlez dollar et cents, et recherchez des chiffres monétaires qui vous aideront à quantifier le coût d'opportunité et l'impact attendu.
- Le tableau de données sur la vitesse vous permet de comparer la vitesse de votre site mobile à celle d'autres utilisateurs dans plus de 10 pays. Les scores sont basés sur des données réelles du rapport d'expérience utilisateur Chrome.
- Utilisez le simulateur d'impact pour estimer les opportunités de revenus potentielles liées à l'amélioration de la vitesse de votre site mobile. L'impact est déterminé par les données d'analyse comparative de Google Analytics.
- Utilisez TestMySite pour tester le temps de chargement sur mobile de votre page par rapport aux benchmarks du secteur. Vous découvrirez également comment des corrections simples peuvent accélérer le chargement de votre site et diminuer le nombre de visiteurs perdus. TestMySite est actuellement fourni par WebPageTest et PageSpeed Insights.
Développeur essayant d'analyser les performances actuelles de votre site, telles qu'elles le sont par des utilisateurs réels de Chrome, et recherche des recommandations d'audit par rapport aux principales tendances et consignes du secteur.
PageSpeed Insights vous aide à comprendre les performances réelles de votre site, telles qu'elles sont perçues par les utilisateurs de Chrome, et vous recommande des opportunités d'optimisation.
Développeur essayant de comprendre et d'auditer un site Web pour vérifier qu'il respecte les bonnes pratiques modernes concernant les performances Web.
Lighthouse contient un ensemble complet d'opportunités d'amélioration des performances. Il vous fournit la liste des opportunités d'amélioration des performances qui manquent sur votre page, ainsi que le temps gagné en implémentant chaque optimisation, ce qui peut vous aider à comprendre ce que vous devez faire.
Développeur souhaitant obtenir des conseils techniques sur le débogage/une analyse approfondie des performances de votre site
Les outils de développement Chrome (CDT, Chrome Developer Tools) contiennent un panneau "Performances" qui vous permet d'analyser les problèmes de performances de votre site en le profilant à l'aide de configurations personnalisées. Vous pouvez ainsi identifier les goulots d'étranglement qui affectent les performances. Vous pouvez utiliser la CDT sur les versions de production ou de développement d'un site Web.
WebPageTest contient une suite avancée de métriques et de lecteurs de traces. Il permet d'analyser en détail les performances de votre site sur du matériel mobile réel avec l'état du réseau.