A quelle vitesse mon site web se charge-t-il ? C'est l'une des questions centrales pour la performance, l'UX et l'optimisation des moteurs de recherche. Pour répondre à cette question, tu dois t'appuyer sur les bons outils. Car seuls quelques outils fournissent vraiment de bonnes données.
Sur le web, il y a de superbes articles de synthèse sur les outils qui permettent de mesurer facilement et surtout gratuitement la performance et le temps de chargement de ton site web. Ces aperçus sont très utiles, mais ils commettent souvent une erreur qui peut conduire à plus de confusion que de clarté. Ils comparent deux ou trois types d'outils complètement différents et n'expliquent pas toujours les différences de manière suffisamment détaillée.
Cela peut alors conduire à essayer de faire des comparaisons de performances avec des données totalement inappropriées. C'est dommage, car ceux qui mesurent avec les bons outils s'épargnent beaucoup de temps et d'ennuis.
Une différence doit être connue lorsqu'on mesure la performance d'un site web : La différence entre les analyses de potentiel et les outils qui mesurent le temps de chargement d'un site web. Le premier groupe comprend des tests comme Google PageSpeed Insights et YSlow de Yahoo. Ces outils indiquent à quel point le site testé remplit les conditions pour un chargement rapide des pages. Les deux fournissent donc d'excellentes informations pour l'optimisation on-page. Cependant, ces tests ne mesurent pas le temps de chargement de ton site web.
Mais la plupart du temps, c'est ce que tu veux savoir : Combien de temps faut-il à mon site web pour être construit, pour que l'on puisse interagir avec lui, pour que je gagne de l'argent ? Et c'est là que le bât blesse : à notre connaissance, il n'existe que deux outils gratuits qui fournissent de bonnes données :
C'est pourquoi je vais montrer ci-dessous ce que les outils de mesure peuvent faire, comment tu dois les utiliser et comment interpréter les données afin de tirer le maximum des mesures.
Trois caractéristiques rendent un outil de mesure particulièrement précieux
Si les outils que j'ai mentionnés sont si bons, c'est parce qu'ils fournissent des données particulièrement précieuses. Cela signifie que les résultats des mesures
- Consister en des résultats de plusieurs méthodes de mesure qui peuvent être comparées.
- Être édité avec un niveau de détail élevé.
- Pouvoir être adapté grâce à différentes options de réglage.
En pratique, cela signifie qu'avec un bon outil de mesure, tu peux régler la manière dont il mesure le temps de chargement du site web. Il s'agit principalement du choix du serveur de test et de son emplacement, et parfois aussi du choix du navigateur de test.
Le niveau de détail des données signifie qu'il ne s'agit pas simplement de données de temps, mais d'une description détaillée de ce qui a été mesuré. Deux outils peuvent comprendre quelque chose de différent par "temps de chargement". Bien sûr, il est encore mieux d'utiliser des termes unifiés, comme Time to First Byte.
Enfin, il est bon de ne pas se contenter de mesurer le temps de chargement de ton site Web, mais de fournir également des informations sur le nombre de requêtes HTTP, la taille des paquets de données chargés ou encore les résultats des analyses de potentiel. Tu peux ainsi voir rapidement quels sont les leviers sur lesquels tu peux agir pour optimiser le temps de chargement.
D'autres outils que nous connaissons n'offrent que des possibilités limitées, voire pas du tout, et peuvent donc entraîner des problèmes de compréhension et donc d'interprétation. Mais pour toi, ces avantages signifient aussi un inconvénient majeur : les données sont loin d'être aussi faciles à comprendre que les résultats de Google PageSpeed Insights par exemple.
Les données de mesure ne sont pas toujours faciles à lire
La partie la plus rebutante est certainement le diagramme en cascade. Pourtant, il fournit des données particulièrement importantes. Il vaut donc la peine d'étudier ce type de diagramme.
Dans ce post, je vais commencer par expliquer WebPageTest. Un outil qui peut fournir rapidement des informations très intéressantes sur ton site web et qui mesure également le temps de chargement de ton site web.
Mon préféré : WebPageTest
webpagetest.org est rapide et très facile à utiliser. En principe, tu n'as que deux choses à faire :
- tout d'abord, tu saisis le domaine à tester
- ensuite, tu choisis l'emplacement du serveur
L'emplacement du serveur est - avec le choix du navigateur à tester - l'un des paramètres les plus importants pour comprendre comment et à quelle vitesse ton site web se construit dans différentes régions du monde. Pour de tels tests, l'emplacement du serveur indique depuis quel endroit ton site web est appelé pour la mesure de la vitesse.
Veille à toujours utiliser le même emplacement de serveur, surtout lors de comparaisons de performances. Ce n'est qu'ainsi que tu pourras comparer les résultats de manière pertinente. En effet, si le temps de chargement de ton site est mesuré une fois depuis les États-Unis et une fois depuis Francfort, les temps de chargement seront nettement différents.
Lorsque tu démarres le test, après quelques instants, trois gros paquets de données sont éjectés :
- bref aperçu : Opportunités & Expériences
- chiffres mesurés de ton site web : Observed Metrics
- Tests individuels avec des diagrammes en cascade
La première partie "Opportunités & Expériences" te donne des conseils pratiques sur les parties de ton site qui fonctionnent bien et sur celles qui peuvent encore être améliorées.
Ici, tu reçois des évaluations et des propositions de solutions pour différents aspects de la performance de ton site web - comme avec les outils de Google ou de Yahoo. Ce qui est important pour la compréhension : ici, on ne mesure pas le temps de chargement du site, mais le potentiel d'optimisation du temps de chargement.
Le temps de chargement du site web est la variable centrale qui permet notamment de faire des comparaisons de performance. C'est la réponse directe à la question : à quelle vitesse mon site web se charge-t-il ? Le nombre de requêtes HTTP se prête également bien à de telles comparaisons. Le principe est le suivant : moins il y a de requêtes HTTP, mieux c'est.
La deuxième section est constituée des chiffres mesurés, c'est-à-dire des métriques. En dessous, on peut voir la construction visuelle de la page sous la forme d'une série d'images par étapes de 100 ms. C'est ce qu'on appelle ici le "film strip". Les images qui montrent un changement significatif dans la construction de la page sont mises en évidence par une couleur.
La troisième partie te montre un aperçu des tests. Ici, les requêtes HTTP et le contenu de ton site sont répartis par type et par source. Tu peux ainsi voir rapidement si un certain type de contenu, entre autres les images, consomme particulièrement beaucoup d'espace ou produit un nombre particulièrement élevé de requêtes, ralentissant ainsi ton site.
Le diagramme en cascade te montre en détail l'ordre dans lequel les requêtes se déroulent et le temps que chacune d'entre elles prend pour se charger. Le diagramme en cascade est donc une vue détaillée du temps de chargement de ton site web.
De plus, tu trouveras une légende à la fin des résultats du test qui t'expliquera ce que signifient les symboles et les couleurs.
Dans notre cas, tu vois tout en haut le premier contact avec le serveur, puis les temps de chargement de chaque script.
De cette façon, tu peux voir chaque requête et la comparer à une autre mesure. Tu peux ainsi déterminer si le temps de chargement de ton site web s'est amélioré après une mesure d'optimisation et, si oui, de quel facteur.
Avantages : rapide, pertinent, informatif
Dans l'ensemble, WebPageTest est un bon outil pour mesurer le temps de chargement d'un site web. Il te permet de reconnaître rapidement
- à quelle vitesse un site web se charge
- quelle est sa taille
- où elle a encore un potentiel d'optimisation
- comment exploiter ce potentiel
- comment se déroule la construction de ton site web
Si ces informations sur WebPageTest ne t'ont pas suffi, je te recommande d'aller plus en profondeur.
Tenir compte du temps de chargement ressenti
Le temps de chargement d'un site web est important, cela ne fait aucun doute, aussi bien pour l'expérience que pour la conversion. Mais pour les gens, ce n'est pas le temps de chargement réel qui compte, mais la vitesse perçue du site web - ou, en d'autres termes, le temps nécessaire à la construction visuelle du site web. En effet, le site web est vécu 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. Il est également possible de le mesurer de manière fiable.
Le lien entre le temps de chargement des pages et le taux de conversion dans les boutiques a été bien étudié dans le passé. Résultat : chaque seconde compte. Car en moyenne, les gens sont impatients. Ainsi, un temps de chargement plus long d'une seconde peut déjà se traduire par un taux de conversion inférieur de sept pour cent.
Chaque seconde de plus de chargement de ton site web te fait donc perdre des ventes. L'optimisation above the fold peut être un remède - car cette mesure permet entre autres de réduire le temps de chargement ressenti, ce qui peut à son tour entraîner de meilleurs taux de conversion.
Il se peut que ton site se charge en dix, douze ou treize secondes, mais qu'il donne l'impression d'être complètement chargé au bout de trois secondes seulement. Ton site est donc perçu comme beaucoup plus rapide qu'il ne l'est en réalité.
Analyse des séries temporelles et fonction vidéo pour le temps de chargement ressenti
1) L'analyse des séries temporelles
Comparer le temps de chargement de ton site web sur plusieurs jours ou semaines peut être très instructif. Par exemple, si tu optimises ton site web étape par étape pendant plusieurs semaines.
2) L'analyse vidéo - la meilleure indication du temps de chargement des pages ressenti
La fonction vidéo ou les séries d'images qui prennent une capture d'écran à certains intervalles pendant le processus de chargement sont les plus appropriées pour mesurer le temps de chargement ressenti. Tu peux voir combien de temps il faut pour qu'une représentation visuelle soit visible. 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. WebPageTest propose cette fonctionnalité dans la section "Observed Metrics" en tant que "Visual Page Loading Process".
GTmetrix
Je voudrais aborder ici brièvement GTmetrix. En gros, les deux outils WebPageTest et GTmetrix font la même chose. L'utilisation de GTmetrix est aussi simple que celle de WebPageTest : tu saisis l'URL du site web à 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 ordinateur de bureau avec Firefox à Vancouver. Tant que tu travailles exclusivement avec GTmetrix pour mesurer tes performances, cela ne nuit pas aux résultats. Mais si tu veux savoir à quelle vitesse le site web se charge pour les visiteurs allemands, tu dois utiliser un autre outil.
Conclusion
Pour l'analyse du temps de chargement, la mesure de l'expérience du temps de chargement est également é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 ou une fonctionnalité comparable. 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 ton offre est perçue, mais aussi de savoir si l'optimisation du site web en termes de performance en vaut la peine. En effet, il est parfois plus intéressant d'investir dans l'optimisation de la conversion que dans le temps de chargement du site web.
Lorsqu'il s'agit de mesurer les performances, WebPageTest est pour nous le nec plus ultra des outils de mesure gratuits.
Avec quels outils as-tu eu jusqu'à présent les meilleures expériences en matière d'analyse de performance ? As-tu déjà eu des expériences avec d'autres outils de mesure qui fournissent peut-être des données encore meilleures ?
