Catégories
Conseils e-commerce

3 excellents outils de test de performances de Google

La vitesse à laquelle une page Web se charge et devient interactive est étroitement liée à l'expérience utilisateur et aux conversions, et donc aux ventes et aux bénéfices.

Les performances du site sont essentielles pour trois raisons: l'augmentation de l'utilisation du Web pour mobile, l'accent mis par Google sur la vitesse des pages comme critère de classement des recherches et les attentes des consommateurs.

À titre d'exemple, un rapport 2017 souvent cité d'Akamai (PDF) a révélé que:

  • «Un simple retard de 100 millisecondes dans le temps de chargement nuit aux taux de conversion jusqu'à 7%.»
  • «Un retard de deux secondes dans le temps de chargement nuit aux taux de rebond jusqu'à 103%.»
  • Et, "un délai de deux secondes était corrélé à une diminution allant jusqu'à 51% de la durée de la session".

Dans un article de février 2019, Mary Ellen Coe, présidente de Global Customer Solutions de Google, a fait référence à ce même rapport Akamai et à d'autres quand elle a écrit: «54% des gens disent que plus le temps de chargement du site mobile d'une marque augmente, plus leur frustration. Et cela affecte les résultats. Dans le commerce de détail, nous avons constaté qu'un délai d'une seconde dans les temps de chargement des appareils mobiles peut avoir un impact sur les taux de conversion jusqu'à 20%. "

«Cela présente à toute entreprise qui a une présence mobile un choix simple: fournir aux clients le type d'expérience mobile auquel ils s'attendent ou être prêt à regarder ces clients aller ailleurs – et rapidement.»

Cependant, la première étape consiste à connaître les performances actuelles de votre site et ce qui pourrait avoir un impact sur sa vitesse.

Google dispose de trois outils de test utiles pour comprendre la performance d'un site Web et, également, comment l'améliorer.

Phare en Chrome

Lighthouse est un outil de test de site open source inclus avec Google Chrome. Vous pouvez visiter n'importe quel site Web, ouvrir les outils de développement Chrome et exécuter un audit de site à partir de l'onglet «Phare». Il est toutefois judicieux d'exécuter Lighthouse avec Chrome en mode navigation privée, afin qu'aucune extension Chrome n'interfère avec le test de performances.

Lighthouse est livré avec Google Chrome et peut facilement être exécuté à partir du navigateur, comme ce test pour Walmart.com.

Lighthouse est livré avec Google Chrome et peut facilement être exécuté à partir du navigateur, comme ce test pour Walmart.com.

Il s'agit du même outil auquel Hamlet Batista, contributeur, fait référence dans «Évaluer les« Core Web Vitals »de Google sur les thèmes Shopify» et «Page Speed ​​Scores of Every Shopify Theme». Jetez un œil à la façon dont il a comparé les thèmes Shopify est un moyen utile de comprendre ce que Lighthouse peut faire pour votre entreprise.

La meilleure chose à propos de l'outil Lighthouse est peut-être qu'il propose des recommandations de performances spécifiques. Un propriétaire de petite entreprise, par exemple, pourrait demander à son développeur d'obtenir le score de performance de Lighthouse à 90 ou plus, sans avoir à comprendre tous les problèmes techniques associés.

Dans Chrome, Lighthouse fait des recommandations spécifiques pour améliorer les performances d'un site Web.

Dans Chrome, Lighthouse formule des recommandations spécifiques pour améliorer les performances d'un site Web.

Tester mon site

Pensez avec Google, un site de ressources pour partager des recherches et des idées, comprend un outil gratuit «Tester mon site». Il fournit des résultats similaires à Lighthouse et peut même compter sur lui.

Tester mon site est un autre outil de test de performances facile à utiliser. Il fournit des résultats similaires à Lighthouse.

Tester mon site est un autre outil de test de performances facile à utiliser. Il fournit des résultats similaires à Lighthouse.

Test My Site se concentre sur la vitesse du site mobile et l'expérience utilisateur, et il dispose de plusieurs fonctionnalités convaincantes.

Ceci est un exemple de rapport Tester mon site pour Walmart.com.

Par exemple, lorsque Tester mon site fait des recommandations d'amélioration de la vitesse, il affiche d'abord les modifications «à fort impact» pour aider à établir les priorités.

Presque toutes les recommandations de l’outil comprennent des liens qui expliquent en détail les recommandations ou les solutions.

L'outil Tester mon site vous permet de comparer les performances de votre site avec les principaux concurrents. Saisissez l'URL d'un concurrent et voyez le résultat du temps de chargement. L'outil est également utile pour comparer votre site avec ses pairs de l'industrie.

Tester mon site vous permet de comparer la vitesse de votre site Web à un ensemble de concurrents, comme cet exemple avec Amazon.com, Kols.com, Walmart.com et Target.com.

Tester mon site vous permet de comparer la vitesse de votre site Web à un ensemble de concurrents, comme cet exemple avec Amazon.com, Kols.com, Walmart.com et Target.com.

Test My Site offre également une incitation à s'améliorer avec son évaluateur de retour sur investissement. Saisissez le nombre moyen de visiteurs mensuels de votre site, un taux de conversion moyen et une valeur de commande moyenne. L'outil estime les revenus supplémentaires que votre entreprise générerait avec un site plus rapide. Bien qu'elle soit probablement très approximative, l'estimation est certainement intéressante.

Vous voulez savoir dans quelle mesure les performances du site ont un impact sur les revenus? Test My Site propose un devis.

Vous voulez savoir dans quelle mesure les performances du site ont un impact sur les revenus? Test My Site propose un devis.

Phare avancé

Le même outil d'audit Lighthouse disponible dans Google Chrome est également accessible (i) à partir d'une ligne de commande, (ii) via un module Node.js, ou (iii) dans le cadre d'un flux de travail d'intégration continue.

Bien qu'elles nécessitent plus d'expertise technique, ces options Lighthouse peuvent être puissantes pour effectuer des audits de performance du site, y compris des audits automatisés.

Interface de ligne de commande de phare (CLI). La première de ces utilisations «avancées» vous permet d'exécuter Lighthouse à partir d'un terminal. Vous aurez besoin de Google Chrome chargé sur votre ordinateur. Mais sinon, une fois qu'il est installé, tapez ce qui suit pour générer un rapport pour le site Web de Walmart, par exemple.

lighthouse https://walmart.com

Dans cet exemple, l'outil ouvrira le rapport d'audit dans Chrome.

Vous pouvez également transmettre des paramètres pour modifier la sortie afin de recevoir l'audit en tant que fichier CSV (virgule séparée) ou en notation d'objet JavaScript (JSON). Cet exemple retournerait JSON:

lighthouse https://walmart.com ---output json --output-path 

Un développeur familiarisé avec l'écriture d'applications en ligne de commande ou de fichiers de commandes pourrait utiliser la CLI Lighthouse pour automatiser les audits, peut-être en les exécutant selon un calendrier.

Module de nœud de phare. Lighthouse peut également être utilisé par programmation via un module Node.js, le rendant disponible pour de nombreux, sinon la plupart, des projets de développement Web modernes. L'outil peut s'exécuter selon un calendrier et être exporté vers un fichier ou une base de données pour une analyse continue.

Phare CI. Pour les sites utilisant l'intégration continue, Lighthouse CI peut faire partie du flux de travail de développement, testant automatiquement les performances du site chaque fois qu'un nouveau code est archivé.

Choisir vos tests

Google propose trois excellentes options de test des performances du site: Lighthouse dans Chrome, Test My Site et d'autres versions avancées de Lighthouse.

Certes, tous les développeurs ou spécialistes du marketing n'aiment pas le fonctionnement de ces tests ou ce qu'ils recommandent. Mais d'après mon expérience, les outils peuvent aider à comprendre les performances de votre site et comment ces performances peuvent avoir un impact sur les résultats de votre entreprise.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *