WebPageTestez de nouvelles opportunités et expérimentez : testez à peu près n’importe quoi


Il n’y a jamais eu de meilleur moment que maintenant pour l’approche SEO d’un développeur Web.

La vitesse à laquelle les outils et les ressources, à la fois nouveaux et familiers, innovent et nous ouvrent des options exige également que nous suivions le rythme. Récemment, cela a entraîné davantage d’exigences en matière d’optimisation des performances, car 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 diffuse désormais en temps réel les modifications HTML spécifiées par l’utilisateur via Netlify pour exécuter des tests de comparaison directement dans votre interface utilisateur. Aucun codage requis.

le génie a du sens

La logique d’application intelligente dans trois principaux domaines de préoccupation affiche les résultats des bulles pour vous, mais pas seulement avec les annonces textuelles, avec des options de test prêtes à vous permettre d’exécuter des combinaisons de variantes à comparer. La variété des tests disponibles dans WebPageTest signifie désormais qu’il n’y a plus de tests de configuration à l’aide d’outils proxy tiers qui dupliquent ce que vous pouvez tester directement.

Tout cela était techniquement possible auparavant et l’approche originale est toujours importante.

Bien qu’étonnamment complets, il y aura toujours des tests que vous devrez exécuter à l’aide d’un serveur proxy de votre choix. Cependant, cela nécessite de gérer JavaScript et Cloudflare.

Avec WebPageTest, vous pouvez pointer et cliquer.

Données de laboratoire ennuyeuses

Gardez toujours à l’esprit que la meilleure combinaison possible de chiffres issus de tests de laboratoire peut ne pas produire les mêmes chiffres sur le terrain. En fait, cela peut entraîner des fonctions cassées du site Web.

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

Avec cette mise en garde à l’écart, laissez-nous vous dire à quel point il est formidable d’avoir une suite de tests pour démontrer les optimisations HTML. C’est la base de nos ateliers et conférences depuis plus d’un an.

Les articles de notre guide Search Engine Land peuvent vous aider à mettre en place un banc d’essai. Nous utiliserons une version mise à jour dans SMX Advanced. rejoignez nous en direct Tu peux le faire

Opportunités

Le texte WebPageText Opportunities est accessible à tous dans les rapports.

Vous n’avez plus besoin de compétences en JavaScript pour exécuter des comparaisons de variantes HTML. Au lieu de cela, vous aurez besoin d’un compte payant pour exécuter des tests de proxy intégrés tagué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 du JavaScript et soumettre vos propres tests gratuitement.

Ce n’est tout simplement pas très utile et prend trop de temps.

Opportunités gratuites. Compte payé pour les expériences.

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 s’affichera.

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 tester à nouveau l’expérimentation avec des variantes de ressources bloquant le rendu (généralement JavaScript et CSS), des images chargées paresseusement, des scripts tiers auto-hébergés, et plus encore.

Compte Pro requis pour les variantes

Essayez des scripts et des feuilles de style asynchrones, paresseux ou même intégrés à l’aide de l’interface. Nous avons écrit du JavaScript Cloudflare Worker pour rendre 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. La gamme initiale d’intégrations de WebPageTest peut gérer la plupart, mais pas la totalité, de nos tests originaux.

Il est très facile de mettre en place les tests maintenant.

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

Vous trouverez trois catégories qui regroupent des occasions d’expérimenter les questions suivantes :

  • Il est rapide? Quickness classe et regroupe les expériences d’optimisation des performances.
  • Est-ce utilisable ? L’utilisabilité regroupe les erreurs de validation HTML qui peuvent interférer avec les lecteurs d’écran et les éléments qui affectent les modifications de mise en page.
  • Est-il résistant ? La résilience répond aux problèmes de sécurité, y compris les protocoles mixtes. Modifiez les paramètres de test avec une interface de case à cocher et commencez à exécuter des variantes. Vous obtiendrez des options raffinées dans le rapport de comparaison.

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 dans des rapports qui fournissent plus de détails que Lighthouse et avec un bien meilleur rendu graphique en cascade que Chrome Dev Tools.

S’il est vrai qu’avec 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 utile que d’écrire un script pour les 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 modifier l’ordre de chargement, échouer au chargement ou modifier, y compris la limitation des ressources.

Il n’y a littéralement rien qui nous empêche techniquement de tester à peu près n’importe quoi sur n’importe quelle page.

Tomber dans le puits du succès

Les rapports de comparaison vous permettent de sélectionner et de retester d’autres variantes. La bannière des métriques de résultats comprend des scores d’amélioration et de détérioration codés par couleur entre le contrôle et l’expérience.

Vous trouverez ci-dessous une section Opportunités restantes avec un sous-ensemble de modifications de test. Vous pouvez cliquer sur votre chemin à travers une mise à niveau importante.

Nous avons travaillé dur pour écrire des tests pour la démo dans SMX Advanced et lorsque nous serons en ligne, vous pouvez vous attendre à ce que nous couvrons cette mise à jour majeure des outils mêmes que nous utilisons. Ce sera beaucoup plus facile.

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


Nouveau sur Search Engine Land

A propos de l’auteur

Detlef Johnson est l’expert SEO pour les développeurs Search Engine Land et SMX. Il est également membre de l’équipe de programmation d’événements SMX et écrit la série SEO for Developers sur Search Engine Land. Detlef fait partie du groupe original de webmasters pionniers qui ont établi le domaine du référencement professionnel il y a plus de 25 ans. Depuis lors, il a travaillé pour de grands fournisseurs de technologies de moteurs de recherche tels que PositionTech, géré des équipes de programmation et de marketing pour le Chicago Tribune et conseillé de nombreuses entités, dont plusieurs sociétés Fortune. Detlef apporte une solide compréhension du référencement technique et une passion pour le développement Web aux rapports d’entreprise et aux services spéciaux pour les indépendants.



Cet article a été traduit par searchengineland

Laisser un commentaire