Guide complet pour l’utilisation de WebPageTest (et l’interprétation des résultats)

Chaque site web doit se charger aussi rapidement que possible. Toutefois, pour obtenir d’excellentes performances, vous devez être au courant de tout en permanence. Cela signifie que vous devez surveiller les performances du site, apporter des modifications pour les améliorer et veiller à ce que chaque page offre la meilleure expérience possible à l’utilisateur.

WebPageTest peut vous aider à cet égard. Cet outil vous permet d’effectuer des tests de vitesse pour n’importe quelle page de votre site. Les rapports de test contiennent des informations sur les modifications que vous pouvez apporter pour améliorer les performances, ainsi que des données historiques pour voir si votre site se porte mieux ou moins bien qu’auparavant. Toutes ces informations sont disponibles gratuitement.

Dans cet article, nous allons examiner de plus près WebPageTest et les avantages que vous pouvez en tirer. Nous vous montrerons également comment effectuer des tests et interpréter les résultats, nous discuterons des avantages et des inconvénients de l’utilisation de l’outil et nous parlerons des prix. Alors n’hésitez pas à vous y mettre !

Qu’est-ce que WebPageTest ?

WebPageTest est un puissant outil open-source conçu pour aider les propriétaires et les développeurs de sites web à surveiller et à optimiser les performances de leur site :

Il fournit une analyse complète qui inclut les temps de chargement, la vitesse de rendu et l’utilisation du réseau. Vous obtiendrez également une analyse détaillée des différents éléments de la page, ce qui vous permettra d’identifier les goulets d’étranglement et les points à améliorer.

Lancé en 2008, WebPageTest est l’un des plus anciens services de test de performance pour les sites web. Au départ, il s’agissait d’un outil de test interne à AOL (oui, c’est aussi vieux que ça).

Peu après, WebPageTest a été publié sous une licence open-source. En 2011, le site web du service a été lancé.

Depuis, il a élargi sa gamme d’outils. Désormais, il propose également des tests mobiles et une API qui vous permet d’intégrer les tests à vos propres projets.

Principales fonctionnalités de WebPageTest :

• Tests simulés à partir de différents endroits dans le monde
• Prise en charge d’un grand nombre de navigateurs, notamment Chrome, Firefox et Safari
• Analyse du rendu des pages web et du processus de chargement, y compris des diagrammes en cascade et des films
• Réglages de test personnalisables, tels que la vitesse de connexion et la résolution d’écran
• Mesures avancées, notamment Speed Index, Time to First Byte (TTFB) et First Contentful Paint (FCP)

Vous pouvez utiliser WebPageTest gratuitement. Le service propose un niveau gratuit qui vous permet d’effectuer des centaines de tests par mois et d’obtenir des résultats détaillés.

Pourquoi utiliser WebPageTest ?

Il existe de nombreux services de performance de sites web. Beaucoup d’entre eux sont gratuits et les données que vous obtiendrez dépendront en grande partie du service que vous utilisez.

Cependant, WebPageTest offre beaucoup plus d’avantages que les outils habituels. Examinons-en quelques-uns :

• Identifier les problèmes de performance. WebPageTest vous aide à repérer les goulets d’étranglement potentiels et les domaines d’amélioration, ce qui vous permet d’apporter des optimisations ciblées à votre site web.
• Améliorer l’expérience utilisateur. Les sites web qui se chargent plus rapidement offrent une meilleure expérience à l’utilisateur, ce qui peut conduire à un engagement plus important de la part des visiteurs et à des conversions plus importantes. Les visiteurs ne remarqueront peut-être pas que votre site se charge rapidement, mais ils le remarqueront s’il est lent.
• Améliorer votre classement dans les moteurs de recherche. La vitesse du site est un facteur de classement pour les moteurs de recherche tels que Google, et les sites web plus rapides ont tendance à être mieux classés dans les résultats de recherche.
• Surveillez les performances au fil du temps. Des tests réguliers avec WebPageTest vous permettent de suivre les tendances de performance et d’identifier les régressions avant qu’elles ne deviennent des problèmes majeurs. Vous pouvez suivre les données de performance sur plus d’un an avec le plan gratuit, ce qui est largement suffisant pour repérer les tendances.

En outre, WebPageTest présente les résultats de manière claire. C’est très utile si vous êtes novice dans le domaine des tests de performance et de l’optimisation :

En plus de ces brefs résumés, vous obtiendrez quelques chiffres concrets concernant les performances de votre site. Dans la section suivante, nous vous montrerons comment interpréter ces résultats.

Nous pensons que tout le monde devrait utiliser des outils de test et de contrôle des performances des pages. C’est particulièrement important si vous apportez des changements importants à votre site, tels que des mises à jour de la conception et des fonctionnalités ou une migration vers un nouvel hébergeur. L’exécution de tests réguliers ainsi que d’autres stratégies d’optimisation, telles que l’utilisation d’un réseau de diffusion de contenu (CDN), vous aideront à maintenir votre site en pleine forme.

Comment utiliser WebPageTest

L’exécution d’un test à l’aide de WebPageTest est simple. Pour commencer, vous devez vous inscrire à un compte gratuit, qui ne nécessite pas la saisie d’informations de paiement.

Une fois connecté, retournez sur la page d’accueil et recherchez l’option Démarrer un test de performance du site. Saisissez l’URL de la page que vous souhaitez tester et sélectionnez une configuration :

Pour obtenir les résultats les plus complets, nous vous recommandons d’effectuer des tests à la fois sur mobile et sur ordinateur. De plus, vous devez utiliser l’emplacement de test le plus proche du serveur de votre site afin que les résultats ne soient pas faussés par la distance.

Si aucun des emplacements par défaut ne convient à votre test, sélectionnez l’option Configuration avancée. Vous pourrez ainsi choisir d’autres emplacements de test et saisir des paramètres avancés :

Lorsque vous êtes satisfait des configurations, cliquez sur Lancer le test. Les résultats prendront quelques secondes pour être générés et une fois qu’ils le seront, vous aurez accès à un rapport de performance détaillé.

Comment interpréter les résultats de WebPageTest ?

L’un des principaux problèmes des outils tels que WebPageTest est qu’ils vous donnent beaucoup d’informations après l’exécution d’un test. Ce n’est pas un problème si vous savez sur quelles mesures vous concentrer. Cependant, cela peut être intimidant si vous utilisez le service pour la première fois.

Lorsqu’il s’agit d’interpréter les résultats, nous vous suggérons de vous concentrer sur trois zones clés des rapports de WebPageTest. La première est la section Résumé de performance, qui fournit une vue d’ensemble des résultats de votre site. Elle vous indique où se situe votre site en termes de performances, d’ergonomie et de résilience :

Vous pouvez cliquer sur les icônes situées sous chaque catégorie pour obtenir davantage d’informations. Chaque catégorie comprend des détails sur les éléments qui ont été testés et les résultats. Si le site présente un problème, le rapport mentionne l’élément qui en est à l’origine et fournit des recommandations sur la manière de le résoudre :

Une fois que vous êtes revenu à la page principale du rapport, faites défiler la page jusqu’à la section Mesures de performance des pages. Vous y trouverez plusieurs mesures qui vous indiquent le temps de chargement et de fonctionnement de votre site :

Si vous n’êtes pas sûr de la signification de chacune de ces mesures, voici une brève explication :

• Time to First Byte (TTFB). Cet indicateur mesure le temps nécessaire au site pour répondre à la demande initiale du navigateur. Les serveurs lents peuvent mettre un certain temps à répondre, ce qui augmente le temps de chargement global du site.
• Start Render. Ceci vous indique le temps nécessaire pour que la page commence à afficher les éléments visuels. Le site peut être en train de se charger en arrière-plan, mais tant que les utilisateurs ne voient rien, ils peuvent ne pas savoir si la page fonctionne correctement.
• First Contentful Paint (FCP). Il s’agit du temps nécessaire au navigateur pour afficher le premier élément de contenu de la page. Un FCP faible indique un site qui se charge plus rapidement.
• Indice de vitesse. Il s’agit d’un score composite qui représente la rapidité avec laquelle le contenu de la page est visible par les utilisateurs. Plus le score est bas, mieux c’est.
• Largest Contentful Paint (LCP). Cette mesure vous indique le temps nécessaire au rendu de l’élément le plus volumineux d’une page. Il s’agit généralement d’un bon indicateur du temps de chargement global de la page.
• Cumulative Layout Shift (CLS). Ce score vous indique dans quelle mesure la mise en page d’une page « se décale » ou change au fur et à mesure de son chargement. Plus le décalage est important, plus l’expérience de l’utilisateur est médiocre. Vous devriez viser zéro.
• Total blocking time. Cette mesure vous permet de savoir combien de temps s’écoule avant que la page ne devienne utilisable. Le rendu visuel peut être terminé, mais la page peut charger des scripts en arrière-plan, ce qui empêche les visiteurs de l’utiliser.

La section Paramètres d’utilisation en conditions réelles présente une vue d’ensemble des mêmes paramètres comparés à des données de test récentes provenant d’autres utilisateurs (si elles sont disponibles). Pour obtenir une vue d’ensemble des performances de votre site, nous vous suggérons de comparer ces mesures avec celles de la section précédente sur les performances des pages.

Idéalement, les résultats de cette dernière devraient être similaires ou meilleurs :

Enfin, nous vous recommandons d’examiner le graphique en cascade, qui montre le processus de chargement de chaque élément de la page. Cela peut vous aider à identifier les ressources spécifiques qui causent des retards ou qui pourraient être optimisées pour de meilleures performances.

Une fois que vous avez identifié les points à améliorer, vous pouvez apporter des modifications ciblées à votre site web, telles que l’optimisation des images, la miniaturisation des fichiers CSS et JavaScript, ou la mise en place d’une mémoire cache.

Devriez-vous utiliser WebPageTest pour votre activité ?

Si vous avez un site web, vous voudrez effectuer des tests de performance réguliers pour vous assurer qu’il offre une bonne expérience à l’utilisateur. Vous pouvez utiliser l’outil de performance que vous préférez, mais examinons les raisons pour lesquelles nous recommandons WebPageTest.

Pour avoir une vue d’ensemble, nous aborderons également les inconvénients liés à l’utilisation de ce service.

Avantages de WebPageTest

• Analyse compréhensive. WebPageTest fournit des informations détaillées sur les performances de votre site web, ce qui permet d’identifier plus facilement les points à améliorer.
• Tests personnalisables. L’outil prend en charge une variété de navigateurs, d’emplacements et de réglages, ce qui vous permet de simuler différentes expériences utilisateur. Vous pouvez personnaliser les réglages de test autant que vous le souhaitez ou utiliser les options par défaut fournies par le service si vous souhaitez obtenir une vue d’ensemble rapide.
• Gratuit et open source. Nous sommes de grands fans de logiciels libres, c’est donc un avantage d’utiliser WebPageTest. Bien que le service propose un niveau premium, le plan gratuit est plus que suffisant pour la plupart des sites web.
• Données historiques sur les performances. Avec WebPageTest, vous avez accès à 13 mois de données de test pour tous les sites web pour lesquels vous utilisez le service. C’est plus qu’assez d’informations pour surveiller les tendances de performance pour la plupart des sites web.
• Recommandations pour l’amélioration des performances. WebPageTest fournit des recommandations ou des « opportunités » pour améliorer les performances du site en fonction des problèmes qu’il détecte sur votre site. Ces recommandations comprennent des explications sur les raisons pour lesquelles chaque changement est important.

Inconvénients de WebPageTest

• Inscription obligatoire. Même si WebPageTest offre un plan gratuit complet, vous devez vous inscrire au service pour exécuter des tests. Cependant, le service ne vous demande pas d’informations de paiement au cours du processus d’inscription.
• Courbe d’apprentissage. WebPageTest fournit une multitude de données, ce qui peut s’avérer déconcertant pour les utilisateurs novices en matière d’optimisation des performances web. Cependant, comparé à d’autres outils similaires, la courbe d’apprentissage est beaucoup plus indulgente avec WebPageTest.
• Automatisation limitée. Bien qu’il soit possible d’automatiser WebPageTest via son API, cela peut nécessiter des connaissances supplémentaires en matière de configuration et de codage par rapport à d’autres outils dotés de fonctions d’automatisation intégrées.
• Pas d’instructions pour l’amélioration des performances. Il s’agit d’un problème assez courant parmi les outils de test des performances des sites web. Avec WebPageTest, vous obtenez des recommandations directes sur les possibilités d’améliorer les performances de votre site. Cependant, ces recommandations ne sont pas accompagnées d’instructions sur la manière de les mettre en œuvre. Cela signifie que vous devrez faire des recherches sur des sujets tels que la manière de différer le JavaScript bloquant le rendu ou d’autres sujets techniques avancés.

Prix de WebPageTest

WebPageTest propose des plans gratuits et premium. Le plan gratuit vous permet d’effectuer 300 tests par mois. De plus, la plateforme stocke 13 mois de données de test pour les utilisateurs gratuits et premium :

En termes d’avantages, les utilisateurs du plan premium peuvent effectuer davantage de tests. Vous aurez également la priorité en cas de saturation du service (ce qui n’est pas courant). De plus, si vous souhaitez obtenir un accès à l’API de WebPageTest, vous devrez payer pour un plan premium.

Comparaison de WebPageTest avec d’autres outils de test de vitesse de sites web

Comme nous l’avons mentionné précédemment, il existe de nombreuses autres options d’outils de test de la vitesse des sites web. Deux des alternatives les plus populaires à WebPageTest sont Google PageSpeed Insights et Pingdom Tools.

Voyons comment WebPageTest se compare à ces deux options.

Google PageSpeed Insights

Développé par Google, cet outil fournit un score de performance simple et offre des recommandations d’optimisation spécifiques. Les résultats sont également détaillés lorsqu’ils sont comparés à ceux de WebPageTest.

Cependant, WebPageTest examine chaque page plusieurs fois au cours de chaque exécution. De plus, il vous permet d’effectuer des tests personnalisés, une fonctionnalité que PageSpeed Insights n’offre pas.

Outils Pingdom

Cet outil est parfait si vous souhaitez effectuer des tests rapides avec un choix décent de serveurs. Contrairement à PageSpeed Insights ou WebPageTest, Pingdom ne fournit pas une analyse approfondie des possibilités d’amélioration ou des problèmes liés à votre site. Au lieu de cela, vous obtiendrez une vue d’ensemble des performances de votre site par les chiffres, ce qui peut être tout ce dont vous avez besoin de temps en temps.

D’après notre expérience, vous obtiendrez les meilleurs résultats en effectuant régulièrement des tests à l’aide de différents outils. Cependant, si vous utilisez un seul service, WebPageTest peut fournir les résultats les plus complets par rapport à des alternatives telles que PageSpeed Insights et Pingdom Tools.

Résumé

Le contrôle des performances est essentiel si vous souhaitez que votre site web fonctionne de manière optimale. Cela signifie que vous devez effectuer régulièrement des tests de vitesse et prendre des mesures pour améliorer les temps de chargement.

Bien qu’il existe de nombreux outils pour surveiller les performances des pages, nous vous recommandons WebPageTest. Ce service est gratuit et fournit des rapports détaillés. De plus, vous pouvez conserver les données de test pendant 13 mois, ce qui vous permet d’obtenir une vue d’ensemble des performances de votre site au fil du temps.

Chez Kinsta, nous sommes obsédés par la vitesse ! Nos clients constatent un gain de vitesse allant jusqu’à 20 % simplement en migrant vers notre service d’hébergement. Nous proposons 35 centres de données parmi lesquels vous pouvez choisir, et notre CDN dispose de 275+ POP. Contactez-nous pour en savoir plus !