BrowserTime – Collecte des données de Navigation Timing
BrowserTime est un outils qui permet de récupérer les données de Navigation Timing et User Timing préconisées par le W3C.
Il est inspiré de wbench. Si vous ne connaissez pas WBench, je vous invite à lire l’article de Wooster le blog de Check My Website qui le présente.
Pour l’utiliser sur un système Debian :
Récupérer l’archive ici https://github.com/tobli/browsertime/releasesIl suffit ensuite de la décompresser et de lancer le binaire browsertime.
./bin/browsertime http://www.monsiteestlent.com/
Voici par défaut la sortie que vous aurez :
<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<timingSession>
<pageData>
<entry>
<key>platform</key>
<value>LINUX</value>
</entry>
<entry>
<key>browserVersion</key>
<value>28.0</value>
</entry>
<entry>
<key>browserName</key>
<value>firefox</value>
</entry>
<entry>
<key>userAgent</key>
<value>Mozilla/5.0 (X11; Linux x86_64; rv:28.0) Gecko/20100101 Firefox/28.0 Iceweasel/28.0</value>
</entry>
<entry>
<key>redirectCount</key>
<value>0</value>
</entry>
<entry>
<key>browserTimeVersion</key>
<value>0.6</value>
</entry>
<entry>
<key>windowSize</key>
<value>1260x646</value>
</entry>
<entry>
<key>actualUrl</key>
<value>http://www.monsiteestlent.com/</value>
</entry>
<entry>
<key>url</key>
<value>http://www.monsiteestlent.com</value>
</entry>
</pageData>
<statistics>
<statistic>
<name>redirectionTime</name>
<min>47.0</min>
<avg>52.666666666666664</avg>
<median>50.0</median>
<p60>54.4</p60>
<p70>58.8</p70>
<p80>61.0</p80>
<p90>61.0</p90>
<max>61.0</max>
</statistic>
<statistic>
<name>domainLookupTime</name>
<min>0.0</min>
<avg>0.0</avg>
<median>0.0</median>
<p60>0.0</p60>
<p70>0.0</p70>
<p80>0.0</p80>
<p90>0.0</p90>
<max>0.0</max>
</statistic>
<statistic>
<name>serverConnectionTime</name>
<min>1.0</min>
<avg>1.3333333333333333</avg>
<median>1.0</median>
<p60>1.4</p60>
<p70>1.7999999999999998</p70>
<p80>2.0</p80>
<p90>2.0</p90>
<max>2.0</max>
</statistic>
<statistic>
<name>serverResponseTime</name>
<min>132.0</min>
<avg>191.33333333333334</avg>
<median>137.0</median>
<p60>204.2</p60>
<p70>271.4</p70>
<p80>305.0</p80>
<p90>305.0</p90>
<max>305.0</max>
</statistic>
<statistic>
<name>backEndTime</name>
<min>190.0</min>
<avg>252.0</avg>
<median>200.0</median>
<p60>266.4</p60>
<p70>332.79999999999995</p70>
<p80>366.0</p80>
<p90>366.0</p90>
<max>366.0</max>
</statistic>
<statistic>
<name>pageDownloadTime</name>
<min>3.0</min>
<avg>4.333333333333333</avg>
<median>4.0</median>
<p60>4.8</p60>
<p70>5.6</p70>
<p80>6.0</p80>
<p90>6.0</p90>
<max>6.0</max>
</statistic>
<statistic>
<name>domInteractiveTime</name>
<min>744.0</min>
<avg>869.6666666666666</avg>
<median>851.0</median>
<p60>916.2</p60>
<p70>981.4</p70>
<p80>1014.0</p80>
<p90>1014.0</p90>
<max>1014.0</max>
</statistic>
<statistic>
<name>domContentLoadedTime</name>
<min>746.0</min>
<avg>876.3333333333334</avg>
<median>855.0</median>
<p60>924.2</p60>
<p70>993.4</p70>
<p80>1028.0</p80>
<p90>1028.0</p90>
<max>1028.0</max>
</statistic>
<statistic>
<name>pageLoadTime</name>
<min>1205.0</min>
<avg>1527.0</avg>
<median>1590.0</median>
<p60>1668.4</p60>
<p70>1746.8</p70>
<p80>1786.0</p80>
<p90>1786.0</p90>
<max>1786.0</max>
</statistic>
<statistic>
<name>frontEndTime</name>
<min>999.0</min>
<avg>1270.6666666666667</avg>
<median>1397.0</median>
<p60>1404.6</p60>
<p70>1412.2</p70>
<p80>1416.0</p80>
<p90>1416.0</p90>
<max>1416.0</max>
</statistic>
</statistics>
<runs/>
</timingSession>
Il faut savoir que par défaut BrowserTime fait 3 tests de page, ce qui lui permet d’avoir des valeurs en percentil (60th, 70th, 80th, 90th) mais aussi un minimum, un maximum et une moyenne, ce qui de fait est un peu plus représentatif.
Voici la liste des possibilités qu’offre BrowserTime :
- Choix du navigateur avec lequel prendre les mesures. (Chrome, Firefox et IE) par défaut Firefox
- Possibilité de compacté le format de sortie, par défaut il est indenté pour une meilleure lisibilité, mais si c’est pour du traitement, plus besoin
- Choix du format d’export des données (XML ou JSon)
- Export dans un fichier
- Choix du nombre d’itération
- Possibilité de configurer un proxy
- Choix du User-Agent
- Choix de la dimension cible souhaitée (ne fonctionne pas avec IE) Pratique pour tester un site responsive
On peut facilement imaginer l’intérêt de ce genre d’outils si il remonte les données vers une solution de type Canopsis ou Grafana
Et vous ? Qu’en pensez-vous ?
Liens utiles :
