WebPageTest.org : un outil fiable pour tester les performances

WebPageTest.org est un outil de test de performance gratuit et open-source. Il est devenu l’une des meilleures alternatives à GTmetrix, maintenant que celui-ci est devenu payant.

Comme vous le savez, Ex2 vous propose une gamme complète d’hébergements web dont les performances sont optimisées par des technologies de pointe. Vous devez néanmoins vous assurez que la mise en page et la configuration de votre site web soit également optimisées pour la vitesse. C’est pourquoi nous vous conseillons l’utilisation de WebPageTest.

Les indicateurs appelés les Core Web Vitals sont un des facteurs de classement important sur Google. Les tests de performance deviennent donc des plus en plus important pour les propriétaires de sites web qui souhaitent améliorer leur référencement SEO.

GTmetrix a longtemps été la recommandation par défaut pour quiconque avait besoin d’évaluer la vitesse de leur site. C’était rapide, simple et, surtout, généreux. La version gratuite de cet outil est toutefois devenue graduellement plus limitée.

De nouveaux paywalls bloquent désormais des fonctionnalités essentielles, des limites sévères s’appliquent sur les tests gratuits et l’analyse mobile exige un abonnement. La version gratuite de l’outil n’est donc plus ce qu’elle était autrefois.

Heureusement, il y a des alternatives comme WebPageTest. Cette plateforme était restée en arrière-plan depuis 2008, alimentant certains des audits de performance les plus rigoureux d’Internet. Elle occupe désormais un place plus importante sur le marché.

Nous avons décidé de vous présenter cet outil qui évalue les principaux paramètres de performance qui est appelé à remplacer d’autres outils de test de vitesse

L’origine de WebPageTest.org

WebPageTest.org est une plateforme open-source de test de performance qui fournit des diagnostics approfondis pour les pages Web.

Elle est soutenu par une communauté de spécialistes de la performance qui croient en cette solution open source. Des ingénieurs ont donc développé cet outil spécifiquement pour fournir des données fiable sur les performances.

Chaque test s’exécute sur un navigateur réel (Chrome, Firefox ou Safari) plutôt qu’une simulation sans tête qui pourrait manquer certains bogues. Cette base technique garantit donc que les résultats reflètent ce qu’un visiteur humain réel vit sur son appareil.

Comment WebPageTest.org se compare-t-il à GTmetrix et d’autre outils?

Nous devons également voir comment cet outil gère les métriques de performances qui comptent réellement pour votre flux de travail quotidien.

Si vous avez déjà utilisé GTmetrix, l’ensemble de fonctionnalités ici vous semblera familier. La profondeur des données est toutefois nettement plus élevée.

Surveillance des Core Web Vitals

WebPageTest.org ne se contente pas de vous donner une note de réussite ou d’échec. Il décompose les Core Web Vitals (LCP, CLS, INP) avec un niveau de granularité dont Pagespeed Insights masque souvent.

Lorsque vous exécutez un test, WPT visualise ces métriques sur une chronologie. Il ne dit pas simplement vous dire « Votre décalage cumulé d’affichage est de 0,5 ». Il met plutôt en évidence le cadre exact dans la séquence de chargement où le décalage a eu lieu.

Cette précision est essentielle pour le débogage. Vous pouvez ainsi voir la présentation exacte avant le saut et celle qui s’affiche après.

WebPageTest introduit également l’onglet « Opportunités ». Cette section reflète les « recommandations » de GTmetrix, mais avec une légèrement meilleure priorisation.

Si vous avez plusieurs problèmes, WPT vous aidera à identifier ceux qui ont plus d’importance pour des gains de performance immédiats. Vous saurez ainsi sur lesquels se concentrer pour améliorer réellement le référencement et la vitesse du site.

Graphiques en cascade et analyse des requêtes

Le graphique en cascade est un atout important de WebPageTest. Il est dense, coloré et peut s’avérer terrifiant au début. Une fois que vous apprenez à le lire, vous ne pourrez plus vous en passer.

WebPageTest montre chaque demande, divisée en cinq à dix phases distinctes. Celles-ci sont codées par couleur pour faciliter le diagnostic :

• DNS et Connexion : Montre le temps qu’il a fallu pour trouver le serveur. Les longues barres ici signifient que votre fournisseur DNS est lent.
• Négociation SSL : Cela indique le temps passé à établir une connexion sécurisée. Si ce délai est important, la configuration TLS/SSL de votre serveur peut être obsolète.
• Time to First Byte : TTFB est le temps qu’il faut au navigateur pour recevoir le premier octet de la réponse du serveur. Une longue barre indique un temps de réponse lent du serveur, souvent lié à des problèmes avec les requêtes de base de données ou le traitement côté serveur.
• Téléchargement de contenu : Le navigateur reçoit actuellement des données.

La fonctionnalité la plus puissante ici est la vue « Connexion ». Vous pouvez voir exactement comment le navigateur ouvre des connexions parallèles pour télécharger des images. Vous pouvez donc repérer le moment exact où un script de suivi tiers bloque le chargement du reste de votre site.

Recommandations de performance

Toutes les suggestions de WebPageTest sont contextuelles et associées aux moteurs « Opportunités » et « Expériences ».

Par exemple, plutôt que de suggérer « Différer JavaScript », il identifie les paquets spécifiques qui bloquent le thread principal et suggère d’exécuter un test sans eux.

La fonctionnalité « Expérimentation No-Code » est encore plus impressionnante. Elle vous permet de « tester » un correctif sans réellement changer votre code.

L’outil réécrira alors le code HTML à la volée et vous donnera un résultat. Cela peut vous permettre de gagner des heures de développement. Vous pouvez prouver qu’un correctif fonctionne avant de d’essayer de le mettre en œuvre.

Cette fonctionnalité est toutefois payante. Vous devrez donc déterminer si les coûts sont justifiés pour votre cas d’utilisation.

Test de sites et d’appareils

La plupart des outils gratuits ne permettent pas plusieurs lieux et appareils de test, comme le fait WPT. Ouvrez le menu des emplacements et vous verrez de mobreuses villes et tous les pays disponibles.

WPT propose également ISP et Node si vous souhaitez tester sur des réseaux spécifiques. Il émule aussi des centaines d’appareils et de versions de navigateurs pour exécuter vos tests.

Si votre audience vient d’une même région et que la majorité des utilisateurs possèdent le même appareil, vous pouvez créer cette combinaison spécifique pour exécuter vos tests et obtenir les résultats les plus précis.

Fonctionnalités avancées dans WebPageTest.org

Deux fonctionnalités distinguent particulièrement WPT pour les développeurs : « Scripting » et la vue « Filmstrip ».

Scripting est une fonctionnalité avancée qui vous permet d’automatiser des tâches complexes. Par exemple, vous pouvez écrire un court script pour dire au navigateur de se connecter à votre site avant de commencer le test. Cela vous permet de mesurer la vitesse de votre tableau de bord membre ou page de paiement.

La plupart des outils gratuits ne permettent de tester que les pages publiques qui ne nécessitent pas de mot de passe. Cette capacité fait de la plateforme un outil de diagnostic puissant pour les applications web.

La vue Filmstrip est une autre fonctionnalité avancée qui capture une capture d’écran de votre site toutes les 0,1 à 0,5 secondes pendant son chargement. Vous pouvez faire défiler ces images, image par image, pour voir exactement ce qu’un visiteur voit dans son navigateur.

Cette fonctionnalité vous aide à repérer les problèmes visuels, comme le changement de taille des polices ou l’apparition d’images en retard, qui peuvent ne pas être visibles dans le code.

Vous pouvez également utiliser le mode de comparaison pour examiner deux tests différents côte à côte. Ceci est utile lorsque vous voulez voir si une modification que vous avez apportée a réellement amélioré la vitesse.

Le bonus « vert » avec le contrôle du carbone

Comme vous le savez, Ex2 fait des efforts quotidiens pour promouvoir un web plus écoresponsable. Nous sommes donc très heureux de constater que WebPageTest.org valorise aussi l’environnement.

WPT a introduit une fonctionnalité qui traite de l’impact environnemental de l’infrastructure numérique, appelée Carbon Control.

Cet outil utilise la bibliothèque CO2.js de la Green Web Foundation pour estimer les émissions de carbone générées par un chargement de page unique.

Le calcul repose sur deux facteurs principaux pour déterminer votre score.

• Taille du transfert de données : La quantité totale de données (en kilo-octets ou mégaoctets) qui doit être transférée du serveur vers l’appareil de l’utilisateur. Les pages plus lourdes nécessitent plus d’électricité pour être transmises et traitées.
• Statut d’hébergement vert : Si le centre de données hébergeant le site web fonctionne sur des sources d’énergie renouvelables (comme l’éolien ou le solaire) ou les combustibles fossiles.

Cela ajoute une dimension précieuse à vos audits de performance. Vous pouvez démontrer à un client que l’optimisation de son code fait plus qu’améliorer son classement dans Google.

Cela réduit de manière mesurable les déchets physiques produits par leur entreprise et les aide à atteindre leurs propres objectifs de durabilité.

Quelles sont les limitations de WebPageTest ?

WebPageTest n’est pas parfait. En fait, il y a des jours où vous le détesterez.

• Les files d’attente : Parce qu’il utilise de vrais appareils et qu’il s’agit d’une ressource publique, vous devez faire la queue. Si vous exécutez un test pendant les heures de pointe, vous pouvez attendre 10 ou 20 minutes pour qu’un seul test soit exécuté.
• Aucune « surveillance » sur le niveau gratuit : vous ne pouvez pas définir WPT pour tester automatiquement votre site chaque matin et vous envoyer les résultats par e-mail. Pour ce faire, vous devez payer pour l’API ou un forfait Pro. Si vous voulez des graphiques quotidiens, vous devez donc exécuter les tests manuellement.
• Complexité visuelle : vous ne pouvez pas envoyer un lien WebPageTest à un client sans connaissance technique et attendre qu’il le comprenne. Vous devrez généralement interpréter les données pour eux, alors que d’autres outils produisent des rapports plus intelligibles.

Devriez-vous utiliser WebPageTest ?

Nous ne pouvons pas avoir « un seul outil pour tout » maintenant puisque le web est si compliqué. Au lieu de cela, vous devez choisir les outils qui ont le plus de sens pour vos flux de travail quotidiens.

• Les développeurs devraient l’adopter : la possibilité de créer des flux de connexion, de tester sur du matériel mobile réel et d’afficher gratuitement des vues de connexion détaillées le rend professionnellement supérieur.
• Les propriétaires de PME peuvent utiliser WebPageTest pour leurs bilans périodiques : Exécutez un test, consultez les Core Web Vitals et envoyez le lien à votre développeur si les éléments apparaissent en rouge.

Pour conclure sur l’outil d’évaluation de performances WebPageTest.org

Des outils d’évaluations des performances comme GTmetrix et Pagespeed Insights domine le marché depuis de nombreuses années. Les limitations croissantes des versions gratuites de GTmetrix amènent toutefois un nombre croissant d’utilisateurs à se tourner vers d’autres solutions.

Dans ce contexte, l’outil open source très précis qu’est WebPageTest se révèle très précieux. Il fournit aux développeurs une foule de données utiles et exploitables tout à fait gratuitement.

Nous espérons que cet article vous a plu et vous a éclairé sur l’outil open source d’évaluation de performances WebPageTest.org. Si c’est le cas, nous vous invitons à consulter nos autres articles et tutoriels.

Notre base de connaissance contient aussi sans doute des réponses à toutes vos questions en liens avec vos projets web