show more info for each metric #464

This commit is contained in:
soulgalore 2014-09-23 20:03:44 +02:00
parent a866fa622c
commit 1de40c487f
2 changed files with 24 additions and 8 deletions

View File

@ -1,5 +1,18 @@
/**
* Sitespeed.io - How speedy is your site? (http://www.sitespeed.io)
* Copyright (c) 2014, Peter Hedenskog, Tobias Lidskog
* and other contributors
* Released under the Apache 2.0 License
*/
Stats = require('fast-stats').Stats;
/**
* Create a a new domain timing.
*
* @param {Integer} time - the time this part took in ms.
* @param {Integer} url - the url to the asset that took this time.
* @param {Integer} pageUrl - the url to page that has this asset.
*/
function DomainTiming(time, url, pageUrl) {
this.stats = new Stats().push(time);
this.maxTimeUrl = url;

View File

@ -5,6 +5,9 @@
<div class="col-lg-12">
{{> domainSummary}}
<p>
The max time each part took per domain.
</p>
<div class="table-responsive">
<table class="table table-condensed table-striped table-bordered" id="domainsTable">
@ -26,14 +29,14 @@
{{#each domains}}
<tr>
<td>{{this.domain}}</td>
<td><a href="{{this.blocked.maxTimeUrl}}">{{this.blocked.stats.max}}</a></td>
<td><a href="{{this.dns.maxTimeUrl}}">{{this.dns.stats.max}}</a></td>
<td><a href="{{this.connect.maxTimeUrl}}">{{this.connect.stats.max}}</a></td>
<td><a href="{{this.ssl.maxTimeUrl}}">{{this.ssl.stats.max}}</a></td>
<td><a href="{{this.send.maxTimeUrl}}">{{this.send.stats.max}}</a></td>
<td><a href="{{this.wait.maxTimeUrl}}">{{this.wait.stats.max}}</a></td>
<td><a href="{{this.receive.maxTimeUrl}}">{{this.receive.stats.max}}</a></td>
<td><a href="{{this.total.maxTimeUrl}}">{{this.total.stats.max}}</a></td>
<td><a href="{{this.blocked.maxTimeUrl}}">{{this.blocked.stats.max}}</a> <a href="pages/{{getFileName this.blocked.maxTimePageUrl}}.html#har"><span class="glyphicon glyphicon-question-sign"></span></a></td>
<td><a href="{{this.dns.maxTimeUrl}}">{{this.dns.stats.max}}</a> <a href="pages/{{getFileName this.dns.maxTimePageUrl}}.html#har"><span class="glyphicon glyphicon-question-sign"></span></a></td>
<td><a href="{{this.connect.maxTimeUrl}}">{{this.connect.stats.max}}</a> <a href="pages/{{getFileName this.connect.maxTimePageUrl}}.html#har"><span class="glyphicon glyphicon-question-sign"></span></a></td>
<td><a href="{{this.ssl.maxTimeUrl}}">{{this.ssl.stats.max}}</a> <a href="pages/{{getFileName this.ssl.maxTimePageUrl}}.html#har"><span class="glyphicon glyphicon-question-sign"></span></a></td>
<td><a href="{{this.send.maxTimeUrl}}">{{this.send.stats.max}}</a> <a href="pages/{{getFileName this.send.maxTimePageUrl}}.html#har"><span class="glyphicon glyphicon-question-sign"></span></a></td>
<td><a href="{{this.wait.maxTimeUrl}}">{{this.wait.stats.max}}</a> <a href="pages/{{getFileName this.wait.maxTimePageUrl}}.html#har"><span class="glyphicon glyphicon-question-sign"></span></a></td>
<td><a href="{{this.receive.maxTimeUrl}}">{{this.receive.stats.max}}</a> <a href="pages/{{getFileName this.receive.maxTimePageUrl}}.html#har"><span class="glyphicon glyphicon-question-sign"></span></a></td>
<td><a href="{{this.total.maxTimeUrl}}">{{this.total.stats.max}}</a> <a href="pages/{{getFileName this.total.maxTimePageUrl}}.html#har"><span class="glyphicon glyphicon-question-sign"></span></a></td>
<td>{{this.count}}</td>
</tr>
{{/each}}