Aller au contenu
Accueil » Blog Marketing Digital – SEO – E-commerce & WordPress » Les nouvelles opportunités et expériences de WebPageTest : testez pratiquement n’importe quoi

Les nouvelles opportunités et expériences de WebPageTest : testez pratiquement n’importe quoi

Découvrez ce que vous pouvez faire avec les nouveaux outils de test incroyablement utiles de WebPageTest, sans codage requis.

Il n’y a jamais eu de meilleur moment que maintenant pour l’approche d’un développeur Web en matière de référencement.

Le rythme auquel les outils et les ressources, à la fois les nouveaux outils et tout ce qui nous est familier, innovent et ouvrent des options pour nous exige également que nous suivions. Récemment, cela a signifié plus d’exigences pour l’optimisation des performances à mesure que Google publie des mises à jour d’algorithmes et des modifications des calculs de métriques.

Un outil que vous devriez connaître est WebPageTest. Ils ont récemment publié de nouveaux outils de test entièrement intégrés incroyablement utiles.

WebPageTest proxy désormais les modifications HTML spécifiées par l’utilisateur en temps réel via Netlify pour exécuter des tests de comparaison directement dans leur interface utilisateur. Aucun codage n’est requis.

Le génie a du sens

Une logique d’application intelligente dans trois grands domaines de préoccupation fait des bulles pour vous, mais pas seulement avec des textes de texte, avec des options de re-test préparées pour que vous puissiez exécuter des combinaisons de variations à des fins de comparaison. La gamme de tests disponibles dans WebPageTest signifie désormais qu’il n’y aura plus de configuration de tests à l’aide d’outils proxy tiers qui dupliquent ce que vous pouvez tester directement.

Tout cela était techniquement possible auparavant et l’approche originale continue d’avoir de l’importance.

Bien qu’impressionnants, il y aura toujours des tests que vous devrez exécuter à l’aide d’un hôte proxy de votre choix. Cela nécessite toutefois de gérer JavaScript et Cloudflare.

Avec WebPageTest, vous pouvez pointer et cliquer.

Données de laboratoire embêtantes

Gardez toujours à l’esprit que la meilleure combinaison possible de chiffres provenant de tests de laboratoire peut ne pas donner les mêmes chiffres sur le terrain. Cela peut en fait entraîner des fonctionnalités de site Web cassées.

Les scripts et les styles ont un ordre de chargement défini par le développeur où toute modification peut signifier une modification de rupture qui ne convient pas à la production. Un hôte proxy peut fournir un accès pour l’assurance qualité dans le cadre du processus d’optimisation.

Avec cet avertissement à l’écart, laissez-nous vous dire à quel point il est formidable d’avoir un banc d’essai pour démontrer les optimisations HTML. C’est la base de nos ateliers et de nos conférences depuis plus d’un an.

Nos articles du guide Search Engine Land peuvent vous aider à mettre en place un banc d’essai. Nous utiliserons une version mise à jour chez SMX Advanced. Rejoignez-nous en direct si vous pouvez le faire.

Possibilités

Le texte Opportunités de WebPageText est disponible pour tout le monde dans les rapports.

Vous n’aurez plus besoin de compétences JavaScript pour exécuter des comparaisons de variations HTML. Au lieu de cela, vous aurez besoin d’un compte payant pour exécuter des tests proxy intégrés intitulés Expériences.

Le compte gratuit vous donne un meilleur accès aux rapports et à l’historique, mais pas à l’exécution d’expériences. Vous pouvez toujours écrire JavaScript et proxy vos propres tests gratuitement.

C’est loin d’être aussi pratique et cela prend beaucoup trop de temps.

Expériences

Sélectionnez l’élément de menu Opportunités et expériences dans un rapport WebPageTest et une liste complète des résultats vous sera présentée.

Les opportunités ici sont dérivées de conditions de test réelles (simulées avec du matériel si possible). Notre test a indiqué une opportunité de re-tester l’expérimentation avec des variations de ressources bloquant le rendu (généralement JavaScript et CSS), des images chargées paresseusement, un script tiers auto-hôte et bien plus encore.

Testez les scripts asynchrones, différés ou même les scripts et feuilles de style en ligne à l’aide de l’interface. Nous avons écrit Cloudflare Worker JavaScript pour proxy ces tests et nous avons également ajouté des règles de style en ligne pour différer le chargement du contenu vers le bas de la page, y compris le pied de page. Le tableau initial d’intégrations WebPageTest peut gérer la plupart, mais pas la totalité, de nos tests d’origine.

C’est un jeu d’enfant de mettre en place des tests maintenant.

Modifiez les paramètres de test et commencez à exécuter des variantes pour affiner le Saint Graal des Core Web Vitals verts à tous les niveaux. L’offre est étonnamment complète et couvre bien plus que ce qui affecte les performances d’une page Web.

Vous trouverez trois catégories qui regroupent les opportunités d’expérimenter par les questions suivantes:

Tableau de bord pour une suite de tests

WebPageTest doit ressembler à un tableau de bord pour une suite de tests et réussir à le faire à l’intérieur des rapports qui fournissent plus de détails que Lighthouse, et avec une bien meilleure représentation graphique en cascade que les outils de développement Chrome.

Bien qu’il soit vrai qu’avec le pointer-cliquer, vous pouvez exécuter des expériences HTML dans un environnement « sans code », les détails fournis et la navigation nécessitent de l’expérience – et l’expérience de codage est la meilleure.

Une nouvelle expérience intégrée réplique une autre tâche de travail Cloudflare en supprimant tout JavaScript. Avoir des choses comme ça si accessibles est exceptionnellement plus pratique que d’écrire un script pour des variations de test.

Les expériences avancées nous permettent d’insérer du code HTML dans des emplacements clés, de tester des tactiques pour changer l’ordre de chargement, échouer à charger ou modifier, y compris minimiser, les ressources.

Il n’y a littéralement rien qui nous empêche techniquement de tester pratiquement n’importe quoi sur n’importe quelle page.

Tomber dans le gouffre du succès

Les rapports de comparaison eux-mêmes servent à vous orienter vers la sélection et le re-test d’autres variations. La bannière des mesures de résultat comprend des scores d’amélioration et d’aggravation codés par couleur entre le contrôle et l’expérience.

Une section des opportunités restantes avec un sous-ensemble de commutateurs d’expérience apparaît ci-dessous. Vous pouvez cliquer sur votre chemin vers une amélioration significative.

Nous avons fait le travail difficile pour écrire des tests pour la démonstration à SMX Advanced et lorsque nous serons en ligne, vous pouvez vous attendre à ce que nous couvrions cette mise à jour majeure des outils mêmes que nous avons utilisés. Ça va être tellement plus facile.

Nous verrons si le cycle de texte rapide des intégrations d’expériences WebPageTest gagne ce que nous nous préparions déjà à livrer. Voyons si nous pouvons passer au vert dans tous les domaines.

Sujets connexes