Explication des outils de vitesse

À 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.

Télécharger la version PDF

Une feuille de papier avec un
graphique linéaire dessus.

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

Ensemble d'iconographies réseau représentant différents appareils et conditions de réseau.

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

Un assortiment de représentations de
différents types d'utilisateurs.

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

Représentation d'un homme debout devant un ensemble
d'icônes et de concepts techniques abstraits

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.

À faire

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
À éviter

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

Représentation de personnes dans un lieu public utilisant des appareils mobiles.

(é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.

À faire

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
À éviter

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 ?

Phare

Phare

Cette 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.

WebPageTest

WebPageTest

Permet 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.

TestMySite

TestMySite

Permet 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 Insights

PageSpeed Insights

Affiche les données relatives à la vitesse de votre site, ainsi que des suggestions d'optimisation courantes pour l'améliorer.

comparateur de vitesse

Rapport de vitesse

Comparez 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'impact

Simulateur d'impact

Estimer 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 Chrome

Outils pour les développeurs Chrome

Permet 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...

Icône d'un livre montrant
des tableaux et des graphiques.

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.
Icône d'un ordinateur portable avec le logo Chrome à l'arrière et légèrement au-dessus.

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.

Icône d'une page de résultats d'un audit Lighthouse.

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.

Icône d'une loupe
sur un insecte.

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.