sitespeed.io/report/velocity/pages.vm

146 lines
6.4 KiB
Plaintext

#parse("report/velocity/header.vm")
<h2>Pages ($document.getRootElement().getChildren().size()) - $document.getRootElement().getAttribute("url").getValue()</h2>
<div>
<table class="table table-condensed table-striped table-bordered" id="pagesTable" >
<thead>
<tr>
<th>
<a rel="tooltip" data-placement="top" data-html="false" href="#" data-original-title="The url to the page">URL</i></a>
</th>
<th>
<a rel="tooltip" data-placement="top" data-html="false" href="#" data-original-title="The number of javascript files used in this page">JS</a>
</th>
<th>
<a rel="tooltip" data-placement="top" data-html="false" href="#" data-original-title="The number of stylesheet files used in this page">CSS</a>
</th>
<th>
<a rel="tooltip" data-placement="top" data-html="false" href="#" data-original-title="The number of image files used in this page">IMG</a>
</th>
<th>
<a rel="tooltip" data-placement="top" data-html="false" href="#" data-original-title="The number of css images used on this page">CSS image</a>
</th>
<th>
<a rel="tooltip" data-placement="top" data-html="false" href="#" data-original-title="The number of fonts used on this page">Fonts</a>
</th>
<th>
<a rel="tooltip" data-placement="top" data-html="false" href="#" data-original-title="The favicon">Fav</a>
</th>
<th>
<a rel="tooltip" data-placement="top" data-html="false" href="#" data-original-title="The total number of requests for this page">Total request</a>
</th>
<th>
<a rel="tooltip" data-placement="top" data-html="false" href="#" data-original-title="The total number of requests for this page with primed cache">Total primed cache request</a>
</th>
<th>
<a rel="tooltip" data-placement="top" data-html="false" href="#" data-original-title="The page load time in ms">Page load time</a>
</th>
<th>
<a rel="tooltip" data-placement="top" data-html="false" href="#" data-original-title="The Yslow grade for this page, 100 is perfect, 0 is incredible bad">Yslow grade</a>
</th>
</tr>
</thead>
<tbody>
#foreach ($results in $document.getRootElement().getChildren())
<tr>
<td>
#*
TODO: The creation of the file link needs to be cleaned up
*#
#set($file = $results.getChild("u").getValue().replaceAll("\/", ""))
#set($file = $file.replaceAll("http:", ""))
#set($file = $file.replaceAll("https:", ""))
#set($file = $file.concat(".html"))
<a href="$file">$results.getChild("u").getValue()</a>
<a rel="tooltip" data-placement="right" data-html="true" href="$file" data-original-title="Response headers: <br/>
#foreach ($response in $results.getChild("comps").getChild("item").getChild("headers").getChild("response").getChildren())
$esc.html($response.getName()) : $esc.html($response.getValue()) <br/>
#end
"><i class="icon-info-sign"></i></a>
</td>
<td>
#if($!{results.getChild("stats").getChild("js").getChild("r")})
$results.getChild("stats").getChild("js").getChild("r").getValue()
#else
0
#end
</td>
<td>
#if($!{results.getChild("stats").getChild("css").getChild("r")})
$results.getChild("stats").getChild("css").getChild("r").getValue()
#else
0
#end
</td>
<td>
#if($!{results.getChild("stats").getChild("image").getChild("r")})
$results.getChild("stats").getChild("image").getChild("r").getValue()
#else
0
#end
</td>
<td>
#if($!{results.getChild("stats").getChild("cssimage").getChild("r")})
$results.getChild("stats").getChild("cssimage").getChild("r").getValue()
#else
0
#end
</td>
<td>
#if($!{results.getChild("stats").getChild("font").getChild("r")})
$results.getChild("stats").getChild("font").getChild("r").getValue()
#else
0
#end
</td>
<td>
#if($!{results.getChild("stats").getChild("favicon").getChild("r")})
$results.getChild("stats").getChild("favicon").getChild("r").getValue()
#else
0
#end
</td>
<td>
$results.getChild("r").getValue()
</td>
<td>
$results.getChild("r_c").getValue()
</td>
<td>
$results.getChild("lt").getValue()
</td>
<td>
$results.getChild("o").getValue()
</td>
</tr>
#end
</tbody>
</table>
</div>
#parse("report/velocity/footer.vm")