Un guide complet d'utilisation de WebPageTest (et d'interprétation des résultats)

Chaque site Web doit se charger le plus rapidement possible. Cependant, pour obtenir d'excellentes performances sur votre site, vous devez être au courant des choses tout le temps. Cela signifie surveiller les performances du site, apporter des modifications pour l'améliorer et s'assurer que chaque page offre la meilleure expérience utilisateur possible.

WebPageTest peut vous y aider. Avec cet outil, vous pouvez exécuter des tests de vitesse pour n'importe quelle page de votre site. Les rapports de test incluent 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 fonctionne mieux ou moins bien qu'avant. Toutes ces informations sont disponibles gratuitement.

Dans cet article, nous examinerons de plus près WebPageTest et comment vous pouvez en bénéficier. Nous vous montrerons également comment exécuter des tests et interpréter les résultats, discuter des avantages et des inconvénients de l'utilisation de l'outil et parler des prix. Allons-y !

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 Web :

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 ventilation détaillée des éléments de page individuels, vous permettant d'identifier les goulots d'étranglement et les domaines à améliorer.

Lancé en 2008, WebPageTest est l'un des plus anciens services de test de performance pour les sites Web. Au début, il servait d'outil de test interne au sein d'AOL (oui, c'est si vieux).

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

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

Fonctionnalités clés de WebPageTest :

• Tests simulés à différents endroits dans le monde
• Prise en charge d'une variété de navigateurs, y compris Chrome, Firefox et Safari
• Analyse du rendu des pages Web et du processus de chargement, y compris les graphiques en cascade et les pellicules
• Paramètres de test personnalisables, tels que la vitesse de connexion et la résolution de l'écran
• Mesures avancées, y compris 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'exécuter des centaines de tests par mois et d'obtenir des résultats détaillés.

Pourquoi devriez-vous utiliser WebPageTest

De nombreux services de performance de site Web sont disponibles. 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 classiques. Regardons certains d'entre eux :

• Identifiez les problèmes de performances. WebPageTest vous aide à repérer les goulots d'étranglement potentiels et les domaines d'amélioration, vous permettant d'apporter des optimisations ciblées à votre site Web.
• Améliorer l'expérience utilisateur. Les sites Web à chargement plus rapide offrent une meilleure expérience utilisateur, ce qui peut entraîner une augmentation de l'engagement et des conversions des visiteurs. Les visiteurs ne remarqueront peut-être pas si votre site se charge rapidement, mais ils remarqueront s'il est lent.
• Boostez le classement des moteurs de recherche. La vitesse du site est un facteur de classement pour les moteurs de recherche comme Google, et les sites Web plus rapides ont tendance à être mieux classés dans les résultats de recherche.
• Surveillez les performances dans le temps. Des tests réguliers avec WebPageTest vous permettent de suivre les tendances des performances et d'identifier les régressions avant qu'elles ne deviennent des problèmes majeurs. Vous pouvez surveiller les données de performance sur plus d'un an à l'aide du plan gratuit, ce qui est plus que suffisant pour repérer les tendances.

De plus, WebPageTest présente les résultats de manière claire. Ceci est extrêmement précieux si vous débutez dans le monde des tests et de l'optimisation des performances :

En plus de ces brefs résumés, vous obtiendrez des chiffres concrets liés aux 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 surveillance des performances des pages. Ceci est particulièrement important si vous apportez des modifications importantes à votre site, telles que des mises à jour de la conception et des fonctionnalités ou la migration vers un nouvel hôte. 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 parfait état.

Comment utiliser WebPageTest

L'exécution d'un test à l'aide de WebPageTest est simple. Pour commencer, vous devrez vous inscrire à un compte gratuit, qui ne vous oblige pas à entrer des informations de paiement.

Une fois connecté, revenez à 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'exécuter des tests sur mobile et sur ordinateur. En outre, vous souhaiterez 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 fonctionne pour votre test, sélectionnez l'option Configuration avancée . Cela vous permettra de choisir parmi d'autres emplacements de test et d'entrer des paramètres avancés :

Lorsque vous êtes satisfait des configurations, cliquez sur Démarrer le test . Les résultats prendront quelques secondes à générer 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 plus gros problèmes avec des outils tels que WebPageTest est qu'ils vous envoient beaucoup d'informations après avoir exécuté 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.

En ce qui concerne l'interprétation des résultats, nous vous suggérons de vous concentrer sur trois domaines clés des rapports WebPageTest. La première est la section Résumé des performances , qui fournit un aperçu des résultats de votre site. Il vous montrera où se situe votre site en termes de performances, de convivialité et de résilience :

Vous pouvez cliquer sur les icônes sous chaque catégorie pour afficher plus d'informations. Chaque catégorie comprendra des détails sur les éléments qui ont été testés et les résultats. S'il y a un problème avec le site, le rapport mentionnera quel élément l'a causé et fournira des recommandations sur la façon de le résoudre :

Une fois que vous revenez à la page principale du rapport, faites défiler jusqu'à la section Mesures de performance de la page . Ici, vous trouverez plusieurs mesures qui vous montrent combien de temps votre site prend pour se charger et devenir fonctionnel :

Si vous n'êtes pas sûr de la signification de chacune de ces statistiques, voici une ventilation rapide :

• Temps jusqu'au premier octet (TTFB) . Cette métrique mesure le temps qu'il faut au site pour répondre à la requête initiale du navigateur. Les serveurs lents peuvent mettre un certain temps à répondre, ce qui augmente le temps de chargement global du site.
• Lancez le rendu. Cela vous indique combien de temps il faut pour que la page commence à afficher des éléments visuels. Le site peut se charger en arrière-plan, mais jusqu'à ce que les utilisateurs voient quelque chose, ils peuvent ne pas savoir si la page fonctionne correctement.
• First Contentful Paint (FCP) : C'est le temps qu'il faut au navigateur pour restituer le premier contenu de la page. Un FCP inférieur indique un site de chargement plus rapide.
• Indice de vitesse. Un score composite qui représente la rapidité avec laquelle le contenu de la page est visible pour les utilisateurs. Plus le score est bas, mieux c'est.
• La plus grande peinture de contenu (LCP) . Cette métrique vous indique combien de temps il faut pour afficher le plus grand élément d'une page. C'est généralement un bon indicateur du temps de chargement global de la page.
• Décalage de mise en page cumulé (CLS) . Ce score vous indique à quel point la mise en page d'une page "se décale" ou change au fur et à mesure de son chargement. Plus il bouge, plus l'expérience utilisateur est mauvaise. Zéro est le nombre que vous devriez viser ici.
• Temps total de blocage. Avec cette métrique, vous pouvez voir combien de temps il faut avant que la page ne devienne utilisable. Cela peut être fait visuellement, mais la page peut charger des scripts en arrière-plan, ce qui empêche les visiteurs de l'utiliser.

Ensuite, la section Mesures d'utilisation dans le monde réel affiche un aperçu des mêmes mesures par rapport aux données de test récentes d'autres utilisateurs (si elles sont disponibles). Pour obtenir une image complète des performances de votre site, nous vous suggérons de comparer ces mesures avec la section précédente Mesures de performance des pages .

Idéalement, les résultats de ce dernier devraient être similaires ou meilleurs :

Enfin, nous vous recommandons de consulter le diagramme 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 domaines à améliorer, vous pouvez apporter des modifications ciblées à votre site Web, telles que l'optimisation des images, la réduction des fichiers CSS et JavaScript ou la mise en œuvre de la mise en cache.

Devriez-vous utiliser WebPageTest pour votre entreprise ?

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

Pour brosser un tableau complet, nous parlerons également des inconvénients de l'utilisation du service.

Avantages de WebPageTest

• Analyse complète. WebPageTest fournit des informations détaillées sur les performances de votre site Web, ce qui facilite l'identification des domaines à améliorer.
• Essais personnalisables. L'outil prend en charge une variété de navigateurs, d'emplacements et de paramètres de test, vous permettant de simuler différentes expériences utilisateur. Vous pouvez personnaliser les paramètres de test autant que vous le souhaitez ou utiliser les options par défaut fournies par le service si vous souhaitez un aperçu rapide.
• Gratuit et open source. Nous sommes de grands fans de logiciels open source, c'est donc un avantage d'utiliser WebPageTest ici. Bien que le service offre un niveau premium, le plan gratuit est plus que suffisant pour la plupart des sites Web.
• Données de performances historiques. 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 des performances de la plupart des sites Web.
• Recommandations d'amélioration des performances. WebPageTest fournit des recommandations ou des "opportunités" pour améliorer les performances du site en fonction des problèmes détectés sur votre site. Ces recommandations comprennent des explications expliquant pourquoi chaque changement est important.

Inconvénients de WebPageTest

• Inscription requise. Même si WebPageTest propose 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 pendant le processus d'inscription.
• Courbe d'apprentissage. WebPageTest fournit une mine de données, ce qui peut être écrasant pour les utilisateurs novices en matière d'optimisation des performances Web. Cependant, par rapport à 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 à certains autres outils dotés de fonctionnalités d'automatisation intégrées.
• Aucune instruction pour l'amélioration des performances. Ceci est quelque peu courant parmi les outils de test de performance des sites Web. Avec WebPageTest, vous obtenez des recommandations directes sur les opportunités d'améliorer les performances de votre site. Cependant, ces recommandations ne sont pas accompagnées d'instructions sur la façon de les mettre en œuvre. Cela signifie que vous devrez effectuer des recherches sur des sujets tels que la façon de différer le JavaScript bloquant le rendu ou d'autres sujets techniques avancés.

Tarification WebPageTest

WebPageTest propose des plans gratuits et premium. Le plan gratuit vous permet d'effectuer 300 tests généreux 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 exécuter plus de tests. Vous aurez également la priorité si le service est à pleine capacité (ce qui n'est pas courant). De plus, si vous souhaitez obtenir un accès API à WebPageTest, vous devrez payer pour un plan premium.

Comment WebPageTest se compare à d'autres outils de test de vitesse de site Web

Comme nous l'avons mentionné précédemment, il existe de nombreuses autres options pour les outils de test de vitesse de site Web. Deux des alternatives WebPageTest les plus populaires sont Google PageSpeed ​​Insights et Pingdom Tools.

Regardons comment WebPageTest se compare aux deux options.

Google PageSpeed Insights

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

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

Outils Pingdom

Cet outil est parfait si vous souhaitez exécuter des tests rapides avec un choix décent de serveurs. Contrairement à PageSpeed ​​Insights ou WebPageTest, Pingdom ne fournit pas une ventilation détaillée des opportunités d'amélioration ou des problèmes avec votre site. Au lieu de cela, vous obtiendrez un aperçu des performances de votre site en chiffres, ce qui peut être tout ce dont vous avez besoin de temps en temps.

D'après notre expérience, vous pouvez obtenir les meilleurs résultats de performance en exécutant des tests réguliers à l'aide de différents outils. Cependant, si vous comptez utiliser 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é

La surveillance des performances est essentielle si vous souhaitez maintenir votre site Web en parfait état de fonctionnement. Cela signifie effectuer des tests de vitesse réguliers et prendre des mesures pour améliorer les temps de chargement.

Bien qu'il existe de nombreux outils que vous pouvez utiliser pour surveiller les performances des pages, nous vous recommandons WebPageTest. Le service est gratuit et fournit des rapports détaillés. De plus, vous pouvez stocker les données de test jusqu'à 13 mois, ce qui signifie que vous pouvez obtenir un aperçu des performances de votre site au fil du temps.

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