Plus de plaisir à tester la vitesse du site

Jan Hornung Dernière mise à jour le 21.10.2020
6 Min.
Vitesse du site web
Dernière mise à jour le 21.10.2020

Le temps de chargement d'un site web est important. Il n'y a aucun doute là-dessus. Pour l'expérience utilisateur et la conversion. Mais pour le visiteur, ce n'est pas le temps de chargement réel qui compte, mais la vitesse perçue du site. Parce qu'un utilisateur fait l'expérience d'un site web sans en connaître les paramètres. Par conséquent, le temps de chargement perçu est une valeur importante pour optimiser le taux de conversion et de rebond. Nous vous montrons comment le mesurer de manière fiable.

Tout le monde le sait : vous avez découvert un nouveau produit passionnant ou trouvé le lien vers un article de blog supposé passionnant, cliquez sur le lien et cela se passe d'abord : rien. La page reste blanche pendant quelques secondes, puis les éléments de la page s'accumulent lentement et de façon atroce. L'achat ou l'enregistrement d'un newsletter est plutôt improbable sur une telle page.

Les collègues de Kissmetrix se sont déjà penchés il y a quelque temps sur le lien entre le temps de chargement des pages et le taux de conversion dans les magasins. Le résultat : chaque seconde compte. Parce que le visiteur moyen est impatient. Un temps de chargement plus long d'une seconde peut se traduire par un taux de conversion inférieur de 7 %. Ainsi, à chaque seconde où votre page met plus de temps à se charger, vous perdez des ventes.

Un antidote peut être l' optimisation "Above the Fold ". Cela signifie qu'il faut optimiser le temps de chargement de la zone de la page qui est visible sans défilement. Cette mesure permet de réduire le temps de chargement perçu, ce qui peut entraîner de meilleurs taux de conversion.

Mais comment mesurer correctement la vitesse perçue des pages web ? Bien sûr, vous pouvez simplement charger la page dans un onglet incognito et essayer de ... eh bien, sentir la différence. Ou vous pouvez vous fier à un outil qui vous donne le temps de chargement perçu comme une valeur tangible et comparable.

GTmetrix est un tel outil. Il vous permet de mesurer la valeur du temps de chargement de votre page, qui est à mon avis la plus importante, et la rend comparable. Il est très facile à utiliser et fournit de précieuses données de mesure.

Cet article fait partie d'une série sur la mesure du temps de chargement :

  1. Dans la première partie, nous montrons pourquoi le type de données fournies par un test est si important
  2. Dans la deuxième partie, je montre pourquoi le populaire test PageSpeed Insights est absolument inadapté aux comparaisons de performances.
  3. La troisième partie vous indique les données dont vous avez besoin pour faire une bonne comparaison des performances - par exemple après un changement d'hébergeur.

GTmetrix : Nombreuses recommandations d'optimisation, historique de la vitesse du site et fonction vidéo.

Le fonctionnement de GTmetrix est très simple : vous entrez l'URL de la page à tester et l'outil vous donne le résultat après quelques instants. L'inconvénient :

  • GTmetrix n'offre qu'un seul emplacement de serveur, à Vancouver
  • GTmetrix ne teste qu'avec Firefox

Cela signifie que les résultats des mesures de GTmetrix s'appliquent toujours à un visiteur de Vancouver qui accède à votre site via un ordinateur de bureau et Firefox. Tant que vous travaillez exclusivement avec GTmetrix dans votre mesure de performance, cela n'affecte pas les résultats. Mais si vous voulez savoir à quelle vitesse la page se charge pour les visiteurs de français , vous devez utiliser un autre outil.

GTmetrix vous donne quatre grands paquets de données :

  1. La vue d'ensemble avec les analyses potentielles et les chiffres clés importants
  2. Le diagramme de la cascade
  3. La fonction vidéo (payante)
  4. L'analyse des séries chronologiques

La particularité de la vue d'ensemble : elle fournit les résultats de deux analyses potentielles en même temps

Dans cet aperçu, toutes les valeurs clés importantes de votre page sont affichées. En plus des analyses potentielles de Google (1) et Yahoo (2), vous trouverez le temps de chargement de la page (3), la taille de votre page (4) et le nombre de requêtes HTTP sous la rubrique Détails de la page. (5)

D'ailleurs, le temps de chargement et les requêtes HTTP sont particulièrement adaptés à la comparaison des performances de deux sites web ou versions de sites web.

Mesurez correctement la vitesse des sites web avec GTmetrix : Une vue d'ensemble
Sous "Test Server Region" et "Using" est clairement visible : GTmetrix utilise un serveur au Canada et le navigateur Firefox dans la variante gratuite pour déterminer la vitesse du site web. Pour les pages français , cette configuration de test signifie des temps de chargement plus longs.

Ce premier aperçu comprend également les résultats détaillés des deux analyses potentielles PageSpeed Insights et YSlow. Elles montrent exactement à quel point la page est optimisée jusqu'à présent et où il est encore possible de l'améliorer. Le fait que GTmetrix utilise deux ensembles de règles différents (l'un de Google et l'autre de Yahoo) est louable. Parce que cela vous offre, en tant qu'utilisateur, une meilleure orientation. Si une mesure d'optimisation est suggérée par les deux tests, il s'agit très probablement d'une étape d'optimisation importante qui mérite d'être travaillée.

La vitesse perçue du site web est importante. L'aperçu de l'analyse du potentiel de GTmetrix vous montre où il y a un potentiel d'amélioration.
C'est à cela que ressemble l'analyse potentielle de GTmetrix. Rien de nouveau, si vous avez déjà vu un résultat de Google PageSpeed Insights ou les résultats de YSlow. Un menu déroulant vous permet d'afficher des informations détaillées sur les différentes étapes.

Dans sa section d'aide, GTmetrix propose des descriptions détaillées et des aides à l'interprétation. Il est donc très facile, surtout pour les débutants, de se familiariser avec les structures complexes des résultats.

Le diagramme de la cascade est le cœur de l'analyse

Tout comme Pingdom, GTmetrix ne révèle les données vraiment intéressantes que dans le diagramme dit de la cascade. Il décompose tous les paquets de données chargés (1) dans l'ordre chronologique (2) et avec leur temps de chargement (3). En outre, le type de demande est affiché (4), si la demande respective est OK (5) et si le serveur émet une erreur (6).

Vue détaillée d'une carte de cascade de GTmetrix pour l'analyse de la vitesse du site web.
Le diagramme de la cascade montre en détail les facteurs qui ont une part dans la vitesse du site web.

Ces informations détaillées vous permettent maintenant de faire des comparaisons de performances raisonnables entre deux pages. Cela devient pertinent, par exemple, après un changement d'hébergeur ou une optimisation de la page. Il est important que les mesures soient toujours effectuées à partir de serveurs situés au Canada et via le navigateur Firefox. Si vous souhaitez tester d'autres paramètres, vous devez soit acheter GTmetrix, soit utiliser un autre outil, par exemple webpagetest.org.

La vue détaillée du temps de chargement donne une image encore plus précise des différents paquets de données et de leur contribution à la vitesse du site web. Dans l'exemple : le premier contact avec notre serveur. 5 millisecondes sont nécessaires pour la consultation du DNS, 167 millisecondes sont nécessaires pour que le client se connecte au serveur web, et après 172 millisecondes les premières données sont téléchargées. Le long temps d'attente d'une bonne seconde est en partie dû à la distance géographique du serveur de test par rapport à l'emplacement du serveur réel. Le test fournit donc les chiffres pour un client du Canada.

Détails d'un diagramme en cascade pour analyser la vitesse du site web
Détail de la première requête du navigateur au serveur web.

Principaux avantages de GTmetrix : Analyse des séries chronologiques et fonction vidéo pour le temps de charge perçu.

Cependant, par rapport à l'outil que j'ai présenté il y a quelques jours, Pingdom, GTmetrix offre deux avantages distincts :

  1. une analyse gratuite des séries chronologiques
  2. une analyse vidéo payante

1) L'analyse des séries chronologiques

La comparaison du temps de chargement de votre page sur plusieurs jours ou semaines peut être très instructive. Par exemple, si vous optimisez votre page étape par étape sur plusieurs semaines. La fonction historique fournit ces informations sur les séries chronologiques (dans la version gratuite) pour trois dimensions : Le temps de chargement de la page, le nombre de requêtes HTTP et la taille de la page ainsi que les scores des analyses potentielles YSlow et PageSpeed Insights.

Comparaison des séries chronologiques de la vitesse des sites web à GTmetrix
Non représenté sur la photo : l'analyse des séries chronologiques des analyses potentielles. Toutefois, ces éléments ne sont pas pertinents pour la vitesse du site web au départ.

2) L'analyse vidéo - la seule véritable indication du temps de chargement des pages perçu, malheureusement payant

Nous arrivons enfin à la caractéristique qui rend GTmetrix si précieux. Et aussi mieux que Pingdom, par exemple : la fonction vidéo. Dans une telle vidéo, la structure de la page est montrée. Logique. Mais cette astuce simple permet d'obtenir une différenciation claire entre le temps de charge mesuré et le temps de charge ressenti. Malheureusement, l'outil n'est accessible qu'après s'être enregistré auprès de GTmetrix (et probablement seulement après avoir acheté le service). Ce n'est pas forcément le cas, car webpagetest.org offre cette fonction vidéo gratuitement, par exemple.

Conclusion : une véritable mesure professionnelle a besoin d'informations sur le temps de chargement perçu

Pour l'analyse du temps de chargement et surtout de l'expérience des utilisateurs, la fonction vidéo est élémentaire. Parce qu'il permet des comparaisons à un niveau abstrait à partir des données brutes. Nous ne pouvons que recommander des tests qui permettent l'analyse vidéo. Car dans certaines circonstances, le temps de chargement mesuré est assez élevé, mais le temps de chargement perçu est absolument justifiable. Cette valeur vous permet non seulement de mieux comprendre comment les clients ou les utilisateurs perçoivent votre offre, mais aussi si une optimisation de la page en vue de la performance en vaut la peine. Car dans certaines circonstances, il vaut la peine d'investir davantage dans l'optimisation de la conversion que dans le temps de chargement de la page.

Dans l'ensemble, GTmetrix est un autre bon outil pour mesurer le temps de chargement des pages. Il offre un peu plus d'informations que Pingdom, puisque la version gratuite de GTmetrix comprend deux analyses potentielles. Les fonctionnalités vraiment intéressantes sont cachées derrière le paywall, mais elles sont essentiellement là, donc vous pouvez très bien comprendre les performances de votre site avec GTmetrix et aussi suivre son développement.

Mais pour nous, GTmetrix n'est pas le numéro un des outils gratuits. Parce que cela peut être encore mieux : webpagetest.org est pour nous le non-plus-ultra des outils de mesure gratuits. Cependant, cet outil est aussi celui qui exige le plus de l'utilisateur.

Avez-vous eu une expérience avec d'autres outils de mesure qui pourraient fournir des données encore meilleures ?

RAIDBOXER depuis le début et chef du soutien. Aux Bar- et WordCamps, il aime parler de la vitesse des pages et des performances des sites web. La meilleure façon de le soudoyer est de lui offrir un espresso - ou un bretzel bavarois.

Articles connexes

Commentaires sur cet article

Laisse un commentaire

Ton adresse électronique ne sera pas publiée. Les champs obligatoires sont marqués d'un *.