Plus de plaisir à tester la vitesse du site web

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. Sans aucun doute. 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écisif, mais la vitesse perçue du site web. Parce qu'un utilisateur fait l'expérience d'un site web sans connaître les valeurs mesurées. Le temps de chargement perçu est donc une valeur importante pour l'optimisation de la conversion et du taux de saut. Nous vous montrons comment les mesurer de manière fiable.

Tout le monde connaît la situation : vous avez découvert un nouveau produit passionnant ou trouvé le lien vers un article de blog soi-disant passionnant, cliquez sur le lien et il ne fait : 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'inscription à un newsletter tel site est plutôt improbable.

Les collègues de Kissmetrix étudient depuis un certain temps déjà la relation 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. Cela signifie qu'un temps de chargement plus long d'une seconde peut déjà être atteint dans un délai de sept pour cent résultat du taux de conversion inférieur. Ainsi, chaque seconde de plus en plus longue passée sur votre site vous fait perdre des revenus.

Un antidote peut Au-dessus de l'optimisation des dossiers être. Cela signifie qu'il faut optimiser le temps de chargement de la zone de la page visible sans défilement. Cette mesure permet entre autres 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 du site web ? Bien sûr, vous pouvez simplement charger la page dans un onglet incognito et essayer de sentir la différence pour ... bien. Vous pouvez aussi 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 ce que je pense être la valeur la plus importante du temps de chargement de votre site 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 le thème de 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 test populaire PageSpeed Insightsest absolument inadapté aux comparaisons de performances
  3. La partie 3 vous indique les données dont vous avez besoin pour pouvoir 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 de la fonction vidéo

L'utilisation de GTmetrix est très simple : vous entrez l'URL de la page que vous voulez tester et l'outil vous donne le résultat après quelques instants. L'inconvénient de cette situation :

  • GTmetrix n'offre qu'un seul emplacement de serveur, à Vancouver
  • Les tests de GTmetrix ne sont effectués qu'avec Firefox

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

GTmetrix vous fournira quatre grands paquets de données :

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

La particularité de l'aperçu : il fournit les résultats de deux analyses potentielles en même temps

Dans cet aperçu, toutes les données clés importantes de votre site sont affichées. Outre les analyses potentielles de Google (1) et Yahoo (2), vous trouverez sous la rubrique "Détails de la page" le temps de chargement de la page (3), c'est-à-dire le temps de chargement de votre page, la taille de votre page (4) et le nombre de requêtes HTTP. (5)

D'ailleurs, le temps de chargement et les requêtes HTTP sont particulièrement adaptés pour comparer les performances de deux sites ou versions de sites.

Mesurez correctement la vitesse du site web avec GTmetrix : Une vue d'ensemble
Sous "Test Server Region" et "Using" est clairement visible : Dans la version gratuite, GTmetrix utilise un serveur au Canada et le navigateur Firefox pour déterminer la vitesse du site web. Pour français les pages, 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 le site a été optimisé 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 (un de Google et un 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 vaut la peine 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 est possible d'apporter des améliorations.
Voici à quoi ressemblent les analyses potentielles de GTmetrix. Rien de nouveau, si vous avez déjà vu un résultat de Google PageSpeed Insightsou de YSlow. Une liste déroulante 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 au cœur de l'analyse

Tout comme Le royaume des pins GTmetrix ne révèle les données vraiment intéressantes que dans le diagramme dit de la chute d'eau. Elle 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 d'appel est affiché (4), si la demande correspondante est OK (5) et si le serveur émet une erreur (6).

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

Ces informations détaillées permettent désormais de faire des comparaisons raisonnables de performances 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 prises à 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, 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 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
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 chargement perçu

Par rapport à l'outil que j'ai présenté il y a quelques jours, Le royaume des pinsGTmetrix offre deux avantages décisifs :

  1. une analyse gratuite des séries chronologiques
  2. une analyse vidéo avec les coûts

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 pas à pas sur plusieurs semaines. La fonction historique offre cette information de série chronologique (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 chronologique de la vitesse des sites web pour GTmetrix
A ne pas voir dans le tableau : 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) Analyse vidéo - la seule véritable indication du temps de chargement des pages perçues est malheureusement soumise à une redevance

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. Bien sûr. Mais cette simple astuce permet de différencier clairement le temps de chargement mesuré du temps de chargement perçu. Malheureusement, l'outil n'est disponible qu'après l'enregistrement auprès de GTmetrix (et probablement aussi après l'achat du service). Il n'est pas nécessaire que ce soit 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

La fonction vidéo est élémentaire pour l'analyse du temps de chargement et surtout de l'expérience des utilisateurs en matière de temps de chargement. En effet, elle permet des comparaisons à un niveau qui s'éloigne des simples données. Nous ne pouvons que recommander des tests qui permettent l'analyse des vidéos. Car dans certaines circonstances, le temps de charge mesuré est effectivement assez élevé, mais le temps de charge 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 vaut la peine en termes de performance. Car il peut être intéressant 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 à la fois. Les fonctionnalités vraiment intéressantes se cachent derrière la barrière de paiement, mais elles sont là en principe, donc avec GTmetrix vous pouvez très bien comprendre les performances de votre site et aussi suivre son développement.

Mais pour nous, GTmetrix n'est pas l'outil gratuit numéro un. Parce qu'il y a encore mieux : webpagetest.org est pour nous le non-plus-ultra des outils de mesure gratuits. Toutefois, cet outil est aussi celui qui exige le plus de l'utilisateur.

Avez-vous déjà fait l'expérience d'autres outils de mesure qui pourraient fournir des données encore meilleures ?

RAIDBOXER de la première heure 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

Ecrire un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont marqués par * .