WebPageTest.org est un outil de test de performance gratuit et open-source. Il est devenu l’une des meilleures alternatives \u00e0 GTmetrix, maintenant que celui-ci est devenu payant.<\/p>\n\n\n\n
Comme vous le savez, Ex2 vous propose une gamme compl\u00e8te d’h\u00e9bergements web<\/a> dont les performances sont optimis\u00e9es par des technologies de pointe. Vous devez n\u00e9anmoins vous assurez que la mise en page et la configuration de votre site web soit \u00e9galement optimis\u00e9es pour la vitesse. C’est pourquoi nous vous conseillons l’utilisation de WebPageTest.<\/p>\n\n\n\n Les indicateurs appel\u00e9s les Core Web Vitals<\/em> sont un des facteurs de classement important sur Google. Les tests de performance deviennent donc des plus en plus important pour les propri\u00e9taires de sites web qui souhaitent am\u00e9liorer leur r\u00e9f\u00e9rencement SEO.<\/p>\n\n\n\n GTmetrix a longtemps \u00e9t\u00e9 la recommandation par d\u00e9faut pour quiconque avait besoin d’\u00e9valuer la vitesse de leur site. C\u2019\u00e9tait rapide, simple et, surtout, g\u00e9n\u00e9reux. La version gratuite de cet outil est toutefois devenue graduellement plus limit\u00e9e.<\/p>\n\n\n\n De nouveaux paywalls<\/em> bloquent d\u00e9sormais des fonctionnalit\u00e9s essentielles, des limites s\u00e9v\u00e8res s’appliquent sur les tests gratuits et l\u2019analyse mobile exige un abonnement. La version gratuite de l\u2019outil n\u2019est donc plus ce qu\u2019elle \u00e9tait autrefois.<\/p>\n\n\n\n Heureusement, il y a des alternatives comme WebPageTest<\/a>. Cette plateforme \u00e9tait rest\u00e9e en arri\u00e8re-plan depuis 2008, alimentant certains des audits de performance les plus rigoureux d\u2019Internet. Elle occupe d\u00e9sormais un place plus importante sur le march\u00e9. <\/p>\n\n\n\n Nous avons d\u00e9cid\u00e9 de vous pr\u00e9senter cet outil qui \u00e9value les principaux param\u00e8tres de performance qui est appel\u00e9 \u00e0 remplacer d\u2019autres outils de test de vitesse<\/p>\n\n\n\n WebPageTest.org est une plateforme open-source de test de performance qui fournit des diagnostics approfondis pour les pages Web. <\/p>\n\n\n\n Elle est soutenu par une communaut\u00e9 de sp\u00e9cialistes de la performance qui croient en cette solution open source. Des ing\u00e9nieurs ont donc d\u00e9velopp\u00e9 cet outil sp\u00e9cifiquement pour fournir des donn\u00e9es fiable sur les performances. <\/p>\n\n\n\n Chaque test s\u2019ex\u00e9cute sur un navigateur r\u00e9el (Chrome, Firefox ou Safari) plut\u00f4t qu\u2019une simulation sans t\u00eate qui pourrait manquer certains bogues. Cette base technique garantit donc que les r\u00e9sultats refl\u00e8tent ce qu\u2019un visiteur humain r\u00e9el vit sur son appareil.<\/p>\n\n\n\n Nous devons \u00e9galement voir comment cet outil g\u00e8re les m\u00e9triques de performances qui comptent r\u00e9ellement pour votre flux de travail quotidien. <\/p>\n\n\n\n Si vous avez d\u00e9j\u00e0 utilis\u00e9 GTmetrix, l\u2019ensemble de fonctionnalit\u00e9s ici vous semblera familier. La profondeur des donn\u00e9es est toutefois nettement plus \u00e9lev\u00e9e.<\/p>\n\n\n\n WebPageTest.org ne se contente pas de vous donner une note de r\u00e9ussite ou d\u2019\u00e9chec. Il d\u00e9compose les Core Web Vitals (LCP, CLS, INP) avec un niveau de granularit\u00e9 dont Pagespeed Insights masque souvent.<\/p>\n\n\n\n Lorsque vous ex\u00e9cutez un test, WPT visualise ces m\u00e9triques sur une chronologie. Il ne dit pas simplement vous dire \u00ab\u00a0Votre d\u00e9calage cumul\u00e9 d’affichage est de 0,5\u00a0\u00bb. Il met plut\u00f4t en \u00e9vidence le cadre exact dans la s\u00e9quence de chargement o\u00f9 le d\u00e9calage a eu lieu.<\/p>\n\n\n\n Cette pr\u00e9cision est essentielle pour le d\u00e9bogage. Vous pouvez ainsi voir la pr\u00e9sentation exacte avant le saut et celle qui s’affiche apr\u00e8s.<\/p>\n\n\n\n WebPageTest introduit \u00e9galement l’onglet \u00ab\u00a0Opportunit\u00e9s\u00a0\u00bb. Cette section refl\u00e8te les \u00ab\u00a0recommandations\u00a0\u00bb de GTmetrix, mais avec une l\u00e9g\u00e8rement meilleure priorisation.<\/p>\n\n\n\n Si vous avez plusieurs probl\u00e8mes, WPT vous aidera \u00e0 identifier ceux qui ont plus d\u2019importance pour des gains de performance imm\u00e9diats. Vous saurez ainsi sur lesquels se concentrer pour am\u00e9liorer r\u00e9ellement le r\u00e9f\u00e9rencement et la vitesse du site.<\/p>\n\n\n\n Le graphique en cascade est un atout important de WebPageTest. Il est dense, color\u00e9 et peut s’av\u00e9rer terrifiant au d\u00e9but. Une fois que vous apprenez \u00e0 le lire, vous ne pourrez plus vous en passer.<\/p>\n\n\n\n WebPageTest montre chaque demande, divis\u00e9e en cinq \u00e0 dix phases distinctes. Celles-ci sont cod\u00e9es par couleur pour faciliter le diagnostic\u00a0:<\/p>\n\n\n\n La fonctionnalit\u00e9 la plus puissante ici est la vue \u00ab\u00a0Connexion\u00a0\u00bb. Vous pouvez voir exactement comment le navigateur ouvre des connexions parall\u00e8les pour t\u00e9l\u00e9charger des images. Vous pouvez donc rep\u00e9rer le moment exact o\u00f9 un script de suivi tiers bloque le chargement du reste de votre site.<\/p>\n\n\n\n Toutes les suggestions de WebPageTest sont contextuelles et associ\u00e9es aux moteurs \u00ab\u00a0Opportunit\u00e9s\u00a0\u00bb et \u00ab\u00a0Exp\u00e9riences\u00a0\u00bb.<\/p>\n\n\n\n Par exemple, plut\u00f4t que de sugg\u00e9rer \u00ab\u00a0Diff\u00e9rer JavaScript\u00a0\u00bb, il identifie les paquets sp\u00e9cifiques qui bloquent le thread principal et sugg\u00e8re d\u2019ex\u00e9cuter un test sans eux.<\/p>\n\n\n\n La fonctionnalit\u00e9 \u00ab\u00a0Exp\u00e9rimentation No-Code \u00bb est encore plus impressionnante. Elle vous permet de \u00ab\u00a0tester\u00a0\u00bb un correctif sans r\u00e9ellement changer votre code. <\/p>\n\n\n\n L’outil r\u00e9\u00e9crira alors le code HTML \u00e0 la vol\u00e9e et vous donnera un r\u00e9sultat. Cela peut vous permettre de gagner des heures de d\u00e9veloppement. Vous pouvez prouver qu\u2019un correctif fonctionne avant de d’essayer de le mettre en \u0153uvre.<\/p>\n\n\n\n Cette fonctionnalit\u00e9 est toutefois payante. Vous devrez donc d\u00e9terminer si les co\u00fbts sont justifi\u00e9s pour votre cas d\u2019utilisation.<\/p>\n\n\n\n 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.<\/p>\n\n\n\n WPT propose \u00e9galement ISP et Node si vous souhaitez tester sur des r\u00e9seaux sp\u00e9cifiques. Il \u00e9mule aussi des centaines d\u2019appareils et de versions de navigateurs pour ex\u00e9cuter vos tests.<\/p>\n\n\n\n Si votre audience vient d’une m\u00eame r\u00e9gion et que la majorit\u00e9 des utilisateurs poss\u00e8dent le m\u00eame appareil, vous pouvez cr\u00e9er cette combinaison sp\u00e9cifique pour ex\u00e9cuter vos tests et obtenir les r\u00e9sultats les plus pr\u00e9cis.<\/p>\n\n\n\n Deux fonctionnalit\u00e9s distinguent particuli\u00e8rement WPT pour les d\u00e9veloppeurs\u00a0: \u00ab\u00a0Scripting\u00a0\u00bb et la vue \u00ab\u00a0Filmstrip\u00a0\u00bb.<\/p>\n\n\n\n Scripting est une fonctionnalit\u00e9 avanc\u00e9e qui vous permet d\u2019automatiser des t\u00e2ches complexes. Par exemple, vous pouvez \u00e9crire un court script pour dire au navigateur de se connecter \u00e0 votre site avant de commencer le test. Cela vous permet de mesurer la vitesse de votre tableau de bord membre ou page de paiement.<\/p>\n\n\n\n La plupart des outils gratuits ne permettent de tester que les pages publiques qui ne n\u00e9cessitent pas de mot de passe. Cette capacit\u00e9 fait de la plateforme un outil de diagnostic puissant pour les applications web.<\/p>\n\n\n\n La vue Filmstrip est une autre fonctionnalit\u00e9 avanc\u00e9e qui capture une capture d\u2019\u00e9cran de votre site toutes les 0,1 \u00e0 0,5 secondes pendant son chargement. Vous pouvez faire d\u00e9filer ces images, image par image, pour voir exactement ce qu\u2019un visiteur voit dans son navigateur.<\/p>\n\n\n\n Cette fonctionnalit\u00e9 vous aide \u00e0 rep\u00e9rer les probl\u00e8mes visuels, comme le changement de taille des polices ou l\u2019apparition d\u2019images en retard, qui peuvent ne pas \u00eatre visibles dans le code. <\/p>\n\n\n\n Vous pouvez \u00e9galement utiliser le mode de comparaison pour examiner deux tests diff\u00e9rents c\u00f4te \u00e0 c\u00f4te. Ceci est utile lorsque vous voulez voir si une modification que vous avez apport\u00e9e a r\u00e9ellement am\u00e9lior\u00e9 la vitesse.<\/p>\n\n\n\n Comme vous le savez, Ex2 fait des efforts quotidiens pour promouvoir un web plus \u00e9coresponsable. Nous sommes donc tr\u00e8s heureux de constater que WebPageTest.org valorise aussi l’environnement.<\/p>\n\n\n\n WPT a introduit une fonctionnalit\u00e9 qui traite de l\u2019impact environnemental de l’infrastructure num\u00e9rique, appel\u00e9e Carbon Control.<\/p>\n\n\n\n Cet outil utilise la biblioth\u00e8que CO2.js de la Green Web Foundation pour estimer les \u00e9missions de carbone g\u00e9n\u00e9r\u00e9es par un chargement de page unique.<\/p>\n\n\n\n Le calcul repose sur deux facteurs principaux pour d\u00e9terminer votre score.<\/p>\n\n\n\n Cela ajoute une dimension pr\u00e9cieuse \u00e0 vos audits de performance. Vous pouvez d\u00e9montrer \u00e0 un client que l\u2019optimisation de son code fait plus qu\u2019am\u00e9liorer son classement dans Google. <\/p>\n\n\n\n Cela r\u00e9duit de mani\u00e8re mesurable les d\u00e9chets physiques produits par leur entreprise et les aide \u00e0 atteindre leurs propres objectifs de durabilit\u00e9.<\/p>\n\n\n\n WebPageTest n\u2019est pas parfait. En fait, il y a des jours o\u00f9 vous le d\u00e9testerez.<\/p>\n\n\n\n Nous ne pouvons pas avoir \u00ab un seul outil pour tout \u00bb maintenant puisque le web est si compliqu\u00e9. Au lieu de cela, vous devez choisir les outils qui ont le plus de sens pour vos flux de travail quotidiens.<\/p>\n\n\n\n Des outils d’\u00e9valuations des performances comme GTmetrix et Pagespeed Insights domine le march\u00e9 depuis de nombreuses ann\u00e9es. Les limitations croissantes des versions gratuites de GTmetrix am\u00e8nent toutefois un nombre croissant d’utilisateurs \u00e0 se tourner vers d’autres solutions.<\/p>\n\n\n\n Dans ce contexte, l’outil open source tr\u00e8s pr\u00e9cis qu’est WebPageTest se r\u00e9v\u00e8le tr\u00e8s pr\u00e9cieux. Il fournit aux d\u00e9veloppeurs une foule de donn\u00e9es utiles et exploitables tout \u00e0 fait gratuitement.<\/p>\n\n\n\n Nous esp\u00e9rons que cet article vous a plu et vous a \u00e9clair\u00e9 sur l’outil open source d’\u00e9valuation de performances WebPageTest.org. Si c\u2019est le cas, nous vous invitons \u00e0 consulter nos autres\u00a0articles et tutoriels<\/a>.<\/p>\n\n\n\nL’origine de WebPageTest.org<\/h2>\n\n\n\n
Comment WebPageTest.org se compare-t-il \u00e0 GTmetrix et d’autre outils?<\/h2>\n\n\n\n
Surveillance des Core Web Vitals<\/h3>\n\n\n\n
Graphiques en cascade et analyse des requ\u00eates<\/h3>\n\n\n\n
\n
Recommandations de performance<\/h3>\n\n\n\n
Test de sites et d\u2019appareils<\/h3>\n\n\n\n
Fonctionnalit\u00e9s avanc\u00e9es dans WebPageTest.org<\/h3>\n\n\n\n
Le bonus \u00ab vert \u00bb avec le contr\u00f4le du carbone<\/h3>\n\n\n\n
\n
Quelles sont les limitations de WebPageTest ?<\/h2>\n\n\n\n
\n
Devriez-vous utiliser WebPageTest ?<\/h2>\n\n\n\n
\n
Pour conclure sur l’outil d’\u00e9valuation de performances WebPageTest.org<\/h2>\n\n\n\n