Core Web Vitals est l’un des facteurs de classement sur Google. Cela signifie que réaliser des tests de performance devient obligatoire pour tous les propriétaires de sites web qui souhaitent une meilleure optimisation pour les moteurs de recherche (SEO).
Depuis plus d’une décennie, GTmetrix était la recommandation par défaut pour quiconque avait besoin d’un aperçu rapide de la vitesse de son site. C’était rapide, simple et, surtout, c’était généreux — mais nous disons « était » car, vers fin 2023 et mi 2024, cette générosité s’était évaporée.
Avec de nouveaux paywalls bloquant des fonctionnalités essentielles, des limites sévères sur les tests gratuits, et l’analyse mobile verrouillée derrière un abonnement, l’outil que nous avions tous mis en favori n’est plus le parangon qu’il était auparavant.
Heureusement, il y a WebPageTest.org (WPT), une plateforme qui est en arrière-plan depuis 2008, alimentant les audits de performance les plus rigoureux d’internet.
Alors, nous avons testé WPT sur les principaux paramètres de performance des sites web pour déterminer s’il peut remplacer d’autres outils de test de vitesse, comme GTmetrix, sans aucun compromis.
Marche avec nous.
Quelles Sont Les Origines De WebPageTest.org?
WebPageTest.org est une plateforme de test de performance open-source qui fournit des diagnostics approfondis pour les pages web. Il a commencé comme un projet au sein d’AOL et a été développé par Patrick Meenan chez Google pour aider les ingénieurs à comprendre le comportement des navigateurs.
L’outil est resté actif pendant plus de seize ans car il est soutenu par une communauté de spécialistes de la performance qui croient en la contribution au open source.
En fait, des ingénieurs en performance ont spécifiquement construit cet outil pour d’autres ingénieurs en performance qui requièrent des données de haute fidélité. Chaque test est exécuté sur un vrai navigateur, que ce soit Chrome, Firefox, ou Safari, plutôt qu’une simulation sans interface qui pourrait manquer des bugs de rendu. Cette base technique garantit que les résultats reflètent ce qu’un visiteur humain réel expérimente sur son appareil.
Le projet a été transféré à Catchpoint en 2020 pour garantir qu’il disposait des ressources nécessaires pour rester gratuit pour le public. Désormais, au lieu de se limiter aux abonnements, WPT est financé par une entreprise mère qui utilise les données pour ses propres recherches.
Comment Se Compare L’Ensemble Des Fonctionnalités Pour Une Utilisation Quotidienne ?
Nous devons également voir comment WPT gère les métriques de site web qui comptent réellement pour ton flux de travail quotidien. Si tu viens de GTmetrix, l’ensemble des fonctionnalités te semblera familier, mais la profondeur des données est nettement supérieure.
Surveillance Des Indicateurs Clés De Web Vitals
WebPageTest 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 détail que Insights cache souvent.
Lorsque tu lances un test, WPT visualise ces métriques de site web sur une chronologie. Au lieu de simplement te dire “Ton Cumulative Layout Shift est de 0.25”, il met en évidence l’image exacte dans la séquence de chargement où le décalage s’est produit.
Cela est crucial pour le dépannage car tu peux voir la disposition exacte avant le saut et la disposition après.
Cela introduit également “Opportunités”, une section qui reflète les “Recommandations” de GTmetrix auxquelles nous sommes habitués, mais avec une meilleure priorisation.
Si tu as 10 problèmes, WPT aide à identifier ceux qui ne sont pas importants pour des gains de performance immédiats et sur lesquels se concentrer pour réellement améliorer le SEO et la vitesse du site.
Graphiques en Cascade et Analyse des Requêtes
Le graphique en cascade est le joyau de la couronne de WebPageTest : il est dense, coloré et initialement terrifiant. Mais une fois que tu apprends à le lire, tu ne voudras plus jamais revenir à une liste simplifiée.
La version gratuite de GTmetrix affiche seulement une liste basique de fichiers ici. WebPageTest montre chaque requête individuelle, décomposée en cinq à dix phases distinctes, colorées pour le diagnostic:
- DNS et Connexion : Cela montre le temps nécessaire pour trouver le serveur. Des barres longues ici signifient que ton fournisseur DNS est lent.
- Négociation SSL : Cela montre le temps passé à établir une connexion sécurisée. Si c’est énorme, la configuration TLS de ton serveur pourrait être obsolète.
- Temps jusqu’au premier octet : Le TTFB est le temps qu’il faut au navigateur pour recevoir le premier octet de la réponse du serveur. Une barre longue indique un temps de réponse du serveur lent, ce qui pointe souvent vers des problèmes avec les requêtes de base de données ou le traitement côté serveur (indiquant qu’il est temps pour l’optimisation de la base de données)
- Téléchargement de contenu : Le navigateur reçoit réellement des données.
La fonctionnalité la plus puissante ici est la vue « Connection ».
Tu peux voir exactement comment le navigateur ouvre des connexions parallèles pour télécharger des images et repérer le moment précis où un script de suivi tiers bloque le chargement du reste de ton site.
Recommandations De Performance
Toutes les suggestions de WPT sont adaptées au contexte. Au lieu d’une liste de contrôle générique, WebPageTest utilise son moteur “Opportunités” et “Expériences”.
Plutôt que de suggérer “Defer JavaScript,” cela identifie les groupes spécifiques qui bloquent le fil principal et te propose de réaliser un test sans eux.
Encore plus impressionnante est la fonctionnalité “No-Code Experiments”. Cela te permet de “tester” une correction sans réellement modifier ton code. Elle réécrit le HTML à la volée et te donne un résultat. Cela économise des heures de temps de développement. Tu peux prouver qu’une correction fonctionne avant de demander à ton développeur de l’implémenter.
✏️Note: C’est une fonctionnalité payante, donc tu devras déterminer si les coûts sont justifiés pour ton cas d’utilisation.
Lieux et Appareils de Test
C’est la fonctionnalité incontournable. La plupart des outils gratuits ne peuvent tout simplement pas se permettre de proposer plusieurs emplacements de test et appareils. WPT peut. Ouvre le modal des emplacements et tu verras toutes les villes et pays disponibles.
Pour compléter cela, la société propose également des ISP et des Node si tu souhaites tester sur des réseaux spécifiques. En plus de cela, WPT émule des centaines d’appareils et de versions de navigateurs (et exécute également quelques vrais appareils), pour réaliser tes tests.
Si ton audience est de Londres et que la majorité des utilisateurs possèdent un iPhone 14, tu peux créer cette combinaison spécifique pour réaliser tes tests et obtenir les résultats les plus précis.
Fonctionnalités Avancées Sur WebPageTest.org
Il y a deux fonctionnalités qui distinguent WPT pour les développeurs : « Scripting » et la vue « Filmstrip ».
Le scripting est une fonctionnalité avancée qui te permet d’automatiser des tâches complexes. Par exemple, tu peux écrire un court script pour demander au navigateur de se connecter à ton site avant de commencer le test. Cela te permet de mesurer la vitesse de ton tableau de bord membre ou de ta page de paiement.
La plupart des outils gratuits te permettent uniquement de tester des 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 ton site toutes les 0,1 à 0,5 secondes pendant son chargement. Tu peux faire défiler ces images, image par image, pour voir exactement ce qu’un visiteur voit dans son navigateur.
Cette fonctionnalité t’aide à repérer les problèmes visuels, comme les changements de taille de polices ou les images qui apparaissent tardivement, qui peuvent ne pas être visibles dans le code. Tu peux également utiliser le mode comparaison pour regarder deux tests différents côte à côte. C’est utile lorsque tu souhaites voir si un changement que tu as effectué a réellement amélioré la vitesse.
Le Bonus “Vert” Avec Contrôle Du Carbone
WPT a introduit une fonctionnalité qui aborde l’impact environnemental de notre infrastructure numérique appelée Contrôle du Carbone.
Il utilise la bibliothèque CO2.js de la Green Web Foundation pour estimer les émissions de carbone générées par le chargement d’une seule page.
Le calcul repose sur deux facteurs principaux pour déterminer ton score.
- Taille du transfert de données : La quantité totale de données (en kilo-octets ou méga-octets) qui doivent être transmises du serveur à l’appareil de l’utilisateur. Les pages plus lourdes nécessitent plus d’électricité pour être transmises et traitées.
- Statut de l’hébergement écologique : Si le centre de données hébergeant le site web fonctionne avec des sources d’énergie renouvelables (comme l’éolien ou le solaire) ou des combustibles fossiles.
Cela ajoute une dimension précieuse à tes audits de performance. Tu peux démontrer à un client que l’optimisation de leur code fait plus que d’améliorer leur classement Google. Cela réduit mesurablement les déchets physiques que leur entreprise produit et les aide à atteindre leurs propres objectifs de durabilité.
Quelles Sont Les Limitations De WebPageTest ?
WebPageTest n’est pas parfait. En fait, il y aura des jours où tu le détesteras.
- Les Files D’attente : Puisqu’il utilise de vrais appareils et est une ressource publique, tu dois attendre ton tour. Si tu lances un test aux heures de pointe, tu pourrais voir “Position 100.” Tu pourrais attendre 10 ou 20 minutes pour qu’un seul test soit réalisé. GTmetrix (dans le passé) était instantané. WPT…disons simplement qu’il t’apprend la patience.
- Pas de “Surveillance” dans la version gratuite : Tu ne peux pas configurer WPT pour tester automatiquement ton site chaque matin et t’envoyer les résultats par email à moins que tu ne paies pour l’API ou un plan Pro. C’est un outil de diagnostic, pas un système de surveillance. Si tu veux des graphiques quotidiens, tu dois lancer les tests manuellement.
- Complexité Visuelle : Tu ne peux pas envoyer un lien WebPageTest à un client non technique et t’attendre à ce qu’il le comprenne. Cela semble cassé aux yeux non initiés. Tu auras toujours besoin d’interpréter les données pour eux, alors que d’autres outils produisent des rapports PDF suffisamment jolis pour être facturés.
La Courbe D’apprentissage Est-Elle Trop Raide Pour Les Débutants ?
Nous devons être honnêtes : WebPageTest est compliqué.
Quand tu arrives pour la première fois sur la page d’accueil, il y a des menus déroulants partout. La page de résultats est un mur de chiffres. Il n’y a pas de mascotte souriante pour te dire “Bon travail !”
Comment commencer sans se sentir dépassé:
- Ignore les “Paramètres Avancés” au début : Choisis simplement ton emplacement et ton navigateur (Chrome est bien).
- Concentre-toi sur le résumé “Indicateurs Web” : Le haut de la page de résultats a une vue rouge/verte/jaune similaire à ce que tu es habitué. Commence par là.
- Utilise l’onglet “Analyse des Images” : Il est visuel et facile à comprendre. Il te montre exactement quelles images sont trop grandes et combien d’espace tu peux économiser. Si tu vois des fichiers énormes ici, tu sais que tu dois optimiser les images pour le web immédiatement.
Pour un propriétaire de PME non technique, l’outil pourrait être excessif. Mais pour quiconque gère un site de manière professionnelle, la courbe d’apprentissage en vaut la peine. Tu échanges la simplicité pour la précision.
Comment Intégrer WebPageTest Dans Ton Flux De Travail
Nous devons être réalistes quant à la manière dont cela s’intègre dans une journée chargée. Tu ne peux pas attendre 20 minutes pour un résultat de test à chaque fois que tu sauvegardes un fichier CSS. Ce n’est vraiment pas une manière efficace de travailler. La manière la plus efficace d’utiliser WebPageTest est comme un outil de diagnostic spécialisé plutôt que comme un moniteur quotidien.
Commence ta routine avec un outil rapide comme PageSpeed Insights ou l’onglet Lighthouse dans tes outils de développement de navigateur. Ces plateformes te donnent une note de réussite ou d’échec instantanée. Lorsque cette note baisse, ou que tu vois un avertissement rouge que tu ne peux pas expliquer, c’est le moment d’ouvrir WebPageTest.
Même avec le rapport complet, résiste à l’envie de corriger chaque avertissement. Regarde le graphique en cascade et trouve la barre la plus longue. Cela pourrait être une grande image, un script tiers lent, ou peut-être même ton serveur.
La plupart du temps, il suffit de réparer cette seule barre pour résoudre tes problèmes. Tu pourrais même découvrir que simplement convertir les fichiers en formats d’image modernes résout la moitié du problème.
Devrais-Tu Utiliser WebPageTest ?
Nous ne pouvons pas avoir “un outil pour tout” maintenant puisque le web est si compliqué. Au lieu de cela, tu dois choisir les outils qui ont le plus de sens pour tes flux de travail quotidiens.
En cas de WebPageTest :
- Les développeurs devraient y passer : La capacité de scripter des flux de connexion, de tester sur du vrai matériel mobile et de voir des vues de connexion détaillées gratuitement le rend professionnellement supérieur. C’est le seul outil gratuit qui vous donne les données nécessaires pour réellement résoudre les problèmes, et pas seulement les identifier.
- Les propriétaires de PME peuvent utiliser WebPageTest pour votre “Contrôle de Santé” trimestriel : Mais ne vous en préoccupez pas tous les jours. Lance un test, regarde les Core Web Vitals, et envoie le lien à ton développeur si les résultats sont rouges.
Quand L’Optimisation Ne Suffit Pas
L’optimisation est en définitive une lutte contre la latence — tu pourrais passer des semaines à réduire de quelques millisecondes tes scripts, mais il n’y a qu’une seule solution à un problème matériel — passer à un meilleur matériel.
Un Serveur Privé Virtuel (VPS) fournit la puissance dédiée nécessaire pour transformer votre conception optimisée en une expérience rapide et réactive. WebPageTest prouve sa valeur en identifiant précisément quand votre infrastructure vous freine. Il distingue les problèmes que tu peux résoudre avec un éditeur de texte de ceux qui nécessitent une meilleure infrastructure.
Cela, honnêtement, est la seule façon d’arrêter de poursuivre des lignes aléatoires dans ton code et de donner à ton site le moteur qu’il mérite.
Quand Tu Attends Des Performances, Choisis DreamHost VPS
Grand ou petit, site web ou application – nous avons une configuration VPS pour toi.
Voir PlusQuestions Fréquemment Posées
WebPageTest.org est-il fiable ?
Oui, WebPageTest est largement considéré comme l’un des outils de performance les plus fiables car il utilise de véritables navigateurs sur du matériel consommateur réel plutôt que des simulations. Contrairement à certains outils qui estiment la performance en fonction d’une analyse de code, WebPageTest enregistre exactement ce qui se passe lorsqu’un véritable navigateur Chrome, Firefox ou Safari charge votre site via une connexion réseau réelle.
Quelle est la différence entre WebPageTest et PageSpeed Insights ?
PageSpeed Insights est principalement un outil de rapport qui te donne un score de “Réussite/Échec” basé sur les données de terrain de Core Web Vitals de Google (CrUX) et un test rapide en laboratoire. WebPageTest est un outil de diagnostic qui fournit des données techniques approfondies (comme les graphiques en cascade et les vues de connexion) pour t’aider à expliquer pourquoi ton score est bas.
Quel est un bon score pour les Core Web Vitals ?
Selon les benchmarks de Google, un score “Bon” signifie que ton Largest Contentful Paint (LCP) est inférieur à 2,5 secondes, ton Interaction to Next Paint (INP) est inférieure à 200 millisecondes, et ton Cumulative Layout Shift (CLS) est inférieur à 0,1. Atteindre ces seuils pour au moins 75% de tes visiteurs est nécessaire pour réussir l’évaluation des Core Web Vitals.
À quelle fréquence dois-je tester la vitesse de mon site web ?
Tu devrais effectuer une vérification rapide (en utilisant PageSpeed Insights) chaque fois que tu publies de nouveaux contenus ou que tu mets à jour des plugins. Cependant, tu devrais réaliser un test diagnostique approfondi avec WebPageTest une fois par mois, ou immédiatement après tout changement majeur de design ou de migrations d’hébergement. Cela permet de détecter les régressions de performance cachées avant qu’elles n’affectent tes classements SEO.
WebPageTest est-il vraiment gratuit ?
Oui. Le plan “Starter” est gratuit et inclut 150 exécutions de test par mois, l’accès à de vrais appareils mobiles et des emplacements de test mondiaux. Ils proposent des plans “Pro” payants à partir d’environ 180 $/an pour des fonctionnalités telles que l’accès API, la file d’attente prioritaire et les “Expériences Sans Code”, mais la version gratuite est plus que suffisante pour la plupart des développeurs et propriétaires de sites.
