Vitesse du site web

Plus de sensibilité, s'il te plaît, lorsque tu testes la vitesse des pages web.

Le temps de chargement d'un site web est important. 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 est déterminant, mais la vitesse ressentie du site web. Car un utilisateur fait l'expérience d'un site web sans connaître les valeurs mesurées. Le temps de chargement ressenti est donc une valeur importante pour l'optimisation du taux de conversion et de rebond. Nous te montrons comment le mesurer de manière fiable.

Tout le monde connaît cette situation : tu as découvert un nouveau produit passionnant ou trouvé le lien d'un article de blog soi-disant passionnant, tu cliques sur le lien et il ne se passe rien pour le moment. La page reste blanche pendant quelques secondes, puis les éléments de la page s'affichent lentement et douloureusement. L'achat ou l'inscription à une newsletter est peu probable sur une telle page.

Il y a quelque temps déjà, nos collègues de Kissmetrix se sont penchés sur le lien entre le temps de chargement des pages et le taux de conversion dans les boutiques. Résultat : chaque seconde compte. Car le visiteur moyen est impatient. Ainsi, un temps de chargement plus long d'une seconde peut déjà se traduire par un taux de conversion inférieur de 7%. Chaque seconde de plus de chargement de ton site te fait donc perdre des ventes.

L' optimisation above the fold peut être un antidote. C'est-à-dire l'optimisation du temps de chargement de la zone visible sans défilement de la page. Cette mesure permet entre autres de réduire le temps de chargement ressenti, ce qui peut conduire à de meilleurs taux de conversion.

Mais comment mesurer correctement la vitesse ressentie d'un site web ? Bien sûr, tu peux charger la page dans un onglet incognito et essayer de ... sentir la différence. Ou alors, tu peux te fier à un outil qui te donne le temps de chargement ressenti comme une valeur tangible et comparable.

GTmetrix est un outil de ce type. Il te permet de mesurer ce que je considère comme le temps de chargement le plus important de ton site et surtout de le comparer. Il est très facile à utiliser et fournit des données de mesure précieuses.

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 qu'un test fournit est si important.
  2. Dans la deuxième partie, je montre pourquoi le test populaire PageSpeed Insights n'est absolument pas approprié pour comparer les performances.
  3. La partie 3 te montre les données dont tu as besoin pour effectuer une bonne comparaison des performances, par exemple après un changement d'hébergeur.

GTmetrix : De nombreuses recommandations d'optimisation, un historique de la vitesse des pages web et une fonction vidéo.

L'utilisation de GTmetrix est très simple : tu saisis l'URL de la page à tester et l'outil crache le résultat après quelques instants. L'inconvénient :

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

Cela signifie que les résultats de GTmetrix sont toujours valables pour un visiteur de Vancouver qui accède à ton site via un ordinateur de bureau et Firefox. Tant que tu travailles exclusivement avec GTmetrix pour mesurer tes performances, cela n'affecte pas les résultats. Mais si tu veux savoir à quelle vitesse le site se charge pour les visiteurs allemands, tu dois utiliser un autre outil.

GTmetrix te donne quatre grands paquets de données :

  1. L'aperçu avec les analyses de potentiel et les points clés importants
  2. Le diagramme de la cascade
  3. La fonction vidéo (payante)
  4. L'analyse des séries temporelles

La particularité de l'aperçu : il fournit les résultats de deux analyses de potentiel à la fois.

Dans cet aperçu, tu trouveras toutes les valeurs de référence importantes de ton site. Outre les analyses de potentiel de Google (1) et Yahoo (2), tu trouveras sous Page Details le Page Load Time (3), c'est-à-dire le temps de chargement de ta page, la taille de ta page (4) et le nombre de requêtes HTTP. (5)

Le temps de chargement et les requêtes HTTP se prêtent d'ailleurs particulièrement bien à la comparaison des performances de deux sites ou versions de sites.

Mesurer correctement la vitesse d'un site web avec GTmetrix : Un aperçu
Sous "Test Server Region" et "Using", on peut voir clairement : Dans sa version gratuite, GTmetrix utilise un serveur au Canada et le navigateur Firefox pour déterminer la vitesse des pages web. Pour les pages allemandes, cette structure de test signifie des temps de chargement plus longs.

Les résultats détaillés des deux analyses de potentiel font également partie de ce premier aperçu. PageSpeed Insights et YSlow. Ceux-ci montrent exactement à quel point le site est optimisé jusqu'à présent et où il y a encore un potentiel d'amélioration. Le fait que GTmetrix s'oriente vers deux ensembles de règles différents (l'un de Google et l'autre de Yahoo) est louable. En tant qu'utilisateur, cela t'offre une meilleure orientation. Si une mesure d'optimisation est proposée par les deux tests, il s'agit probablement d'une étape d'optimisation importante qui vaut la peine d'être traitée.

La vitesse ressentie du site web est importante. L'aperçu de l'analyse de potentiel de GTmetrix te montre où il y a un potentiel d'amélioration.
Voilà à quoi ressemblent les analyses de potentiel chez GTmetrix. Rien de nouveau si tu as déjà vu un résultat de Google PageSpeed Insights ou les résultats de YSlow. Un menu déroulant permet d'afficher des informations détaillées sur les différentes étapes.

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

Le diagramme en 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 en cascade. Celui-ci détaille tous les paquets de données chargés (1) dans l'ordre chronologique (2) et avec leur temps de chargement (3). De plus, il est indiqué de quel type d'appel il s'agit (4), si la requête respective est en ordre (5) et si le serveur affiche une erreur (6).

Vue détaillée d'un diagramme en cascade de GTmetrix pour analyser la vitesse du site web.
Le diagramme en cascade montre en détail quels sont les facteurs qui contribuent à la vitesse du site web.

Ces informations détaillées permettent désormais d'effectuer des comparaisons de performance raisonnables entre deux pages. Cela devient pertinent par exemple après un changement d'hébergeur ou une optimisation on-page. Il est important que les mesures soient toujours effectuées depuis des serveurs au Canada et via le navigateur Firefox. Si tu veux tester d'autres paramètres, tu dois soit acheter GTmetrix, soit utiliser un autre outil, par exemple webpagetest.org.

La vue détaillée du temps de chargement offre 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 recherche DNS, 167 millisecondes sont nécessaires au client pour se connecter au serveur web, puis les premières données sont téléchargées après 172 millisecondes. Le long temps d'attente d'une bonne seconde est dû, entre autres, à la distance géographique entre le serveur de test et l'emplacement réel du serveur. 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
Cryptage détaillé de la première requête du navigateur au serveur web.

Principaux avantages de GTmetrix : Analyse des séries temporelles et fonction vidéo pour le temps de chargement ressenti

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

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

1) L'analyse des séries temporelles

Comparer le temps de chargement de ton site sur plusieurs jours ou semaines peut être très instructif. Par exemple, si tu optimises ton site étape par étape pendant plusieurs semaines. La fonction d'historique offre ces informations de 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 et les scores des analyses de potentiel YSlow et PageSpeed Insights.

Comparaison de séries temporelles de la vitesse des sites web chez GTmetrix
Non visible sur l'image : l'analyse des séries temporelles des analyses de potentiel. Mais au début, elles ne sont pas non plus pertinentes pour la vitesse du site web.

2) L'analyse vidéo - Seul véritable indice sur le temps de chargement des pages ressenti malheureusement payant

Maintenant, nous arrivons enfin à la fonctionnalité qui rend GTmetrix si précieux. Et aussi mieux que Pingdom par exemple : la fonction vidéo. Dans une telle vidéo, la construction de la page est représentée. C'est logique. Mais cette astuce simple permet d'obtenir une différenciation claire entre le temps de chargement mesuré et le temps de chargement ressenti. Malheureusement, l'outil n'est accessible qu'après s'être inscrit à GTmetrix (et probablement seulement après avoir acheté le service). Ce n'est pas nécessairement le cas, car webpagetest.org propose cette fonction vidéo gratuitement, par exemple.

Conclusion : une vraie mesure professionnelle a besoin d'informations sur le temps de charge ressenti.

Pour l'analyse du temps de chargement et surtout de l'expérience de chargement des utilisateurs, la fonction vidéo est élémentaire. Car elle permet de faire des comparaisons à un niveau abstrait par rapport aux simples données. Nous ne pouvons que recommander les tests qui permettent une analyse vidéo. Car dans certaines circonstances, le temps de chargement mesuré est assez élevé, mais le temps de chargement ressenti est tout à fait acceptable. La valeur te permet donc non seulement de mieux comprendre comment les clients ou les utilisateurs perçoivent ton offre, mais aussi de savoir si l'optimisation du site vaut vraiment la peine en termes de performance. En effet, il est parfois plus intéressant d'investir dans l'optimisation des conversions que dans le temps de chargement de la page.

Dans l'ensemble, GTmetrix est un autre bon outil pour mesurer le temps de chargement du site. Il offre encore quelques informations de plus que Pingdom, car la version gratuite de GTmetrix comprend deux analyses de potentiel. Les fonctions vraiment intéressantes se cachent derrière la barrière payante, mais elles sont en principe disponibles, de sorte que tu peux très bien comprendre la performance de ton site avec GTmetrix et surveiller son évolution.

Mais pour nous, GTmetrix n'est pas le numéro un des outils gratuits. Car il y a encore mieux : webpagetest.org est pour nous le nec plus ultra des outils de mesure gratuits. Cependant, c'est aussi l'outil qui exige le plus de l'utilisateur.

As-tu déjà eu des expériences avec d'autres outils de mesure qui fournissent peut-être des données encore meilleures ?

As-tu aimé cet article ?

Tes évaluations nous permettent d'améliorer encore plus notre contenu.

Laisse un commentaire

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