La visualisation du chargement de votre site débarque dans la console

La console Check my Website s'enrichit d'un module de capture/visualisation des métriques de chargement.

Quand nous avons commencé l’aventure Check my Website, nous souhaitions ouvrir notre service au public dès que nous aurions ce qu’il est convenu d’appeler dans la novlangue des startups un MVP « Minimal Vital Product ». Nous souhaitions le voir basé sur le contrôle de la disponibilité des sites web.

Maintenant que cette étape est réalisée depuis mi-février, date à laquelle nous avons ouvert le service en démonstration public gratuite, il est temps de commencer à développer le service bien au delà du simple contrôle de disponibilité. Et temps surtout de l’amener vers notre vision d’un service unique pour le contrôle des performances et du bon fonctionnement des sites et applications web.

Un module de visualisation des temps de chargement

Nous venons donc d’ajouter à la console Check my Website un nouvel onglet contenant la visualisation de comment se charge votre page ou site.

Cet onglet, intitulé « Timeline », se trouve dans la vue détaillée qui vous est proposée pour chacune des adresses web mises en surveillance.

Visualisation des temps de chargement
Visualisation des temps de chargement

Pour chacune des requêtes faîtes sur le serveur web, vous retrouvez une barre horzontale de deux couleurs. La partie verte indique le temps de chargement de la requête et l’autre partie représente le temps d’attente entre la demande et la réponse du serveur.

Vous pouvez retrouver ces valeurs au survol de la barre horizontale comme dans la copie d’écran ci-dessus.

Les données sont rafraîchies toutes les heures.

Cette nouvelle partie s’appuie sur le format ouvert HAR qu’il est très facile d’exploiter dans et en dehors de la console Check my Website.

HAR, qu’est-ce que c’est ?

Le format HTTP Archive (HAR) est un format ouvert destiné à l’export et l’échange de données collectées par des outils de monitoring HTTP. Ce format repose sur une structure JSON. Sa version actuelle est la 1.2.

La trousse à outils HAR

Il existe, à l’instar de Check my Website, de nombreux logiciels capables soit de produire, soit de consommer le format HAR. En voici quelqu’uns.

ShowSlow

ShowSlow est à la fois un service en ligne et un logiciel installable dans votre propre infrastructure. Il permet de recevoir les “flux” en provenance des différents outils compatibles HAR (YSlow, PageSpeed, Dynatrace, NetExport) et de visualiser les résultats.

HAR Viewer

HarViewer permet de visualiser dans un navigateur un fichier .har. Il est notamment utilisé avec ShowSlow et une version en ligne est disponible pour des besoins ponctuels.

Harpy

Harpy est une visionneuse de fichiers HAR en Javascript.

Harstats-graphite

harstats-graphite est un programme qui permet d’envoyer les métriques collectées avec le fichier HAR pour les envoyer à Graphite.

Harstorage

Harstorage est une solution complète d’automatisation des tests de type HAR construite sur MongoDB.

Sur Internet

Vous pouvez également trouver des services en lignes comme GTmetrix ou WebPageTest.org, qui a la particularité de pouvoir être téléchargé pour être utilisé de façon privée. Le logiciel est la copie du site webpagetest.org et permet les mêmes fonctionnalités.

Et ensuite ?

J’aurais l’occasion très bientôt de vous présenter d’autres nouveautés de la console car le rythme de développement du service est ininterrompu. Nous avons encore plein de fonctionnalités à ajouter pour rendre notre service toujours plus complet et pertinent.

Olivier Jan

À propos de l’auteur

| Cofondateur de Check my Website.

Check My Website a arrêté son activité en 2017, n'hésitez pas à vous tourner vers Dareboost.