added popovers and changed where the js is located
This commit is contained in:
Peter Hedenskog
parent
61e2118ac8
commit
64e0b0d958
File diff suppressed because one or more lines are too long
|
|
@ -14,23 +14,3 @@
|
|||
<script src="$!{pathToIncludes}js/jquery-1.8.2.min.js"></script>
|
||||
<script src="$!{pathToIncludes}js/bootstrap.min.js"></script>
|
||||
<script src="$!{pathToIncludes}js/jquery.tablesorter.min.js"></script>
|
||||
|
||||
<script>
|
||||
$(document).ready(function()
|
||||
{
|
||||
$("#pagesTable").tablesorter();
|
||||
}
|
||||
);
|
||||
</script>
|
||||
|
||||
<script>
|
||||
|
||||
$(function () {
|
||||
$('.container').tooltip({
|
||||
selector: "a[rel=tooltip]"
|
||||
})
|
||||
})
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -38,6 +38,10 @@
|
|||
border:0px;
|
||||
}
|
||||
|
||||
.alerts-success > a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<link rel="shortcut icon" href="$!{pathToIncludes}img/favicon.png">
|
||||
|
|
|
|||
|
|
@ -75,4 +75,6 @@
|
|||
<!-- span 12 -->
|
||||
</div>
|
||||
<!-- row -->
|
||||
#parse("report/velocity/footer.vm")
|
||||
#parse("report/velocity/footer.vm")
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -238,4 +238,23 @@
|
|||
|
||||
</div>
|
||||
</div>
|
||||
#parse("report/velocity/footer.vm")
|
||||
#parse("report/velocity/footer.vm")
|
||||
<script>
|
||||
$(document).ready(function()
|
||||
{
|
||||
$("#pagesTable").tablesorter();
|
||||
}
|
||||
);
|
||||
</script>
|
||||
|
||||
<script>
|
||||
|
||||
$(function () {
|
||||
$('.container').tooltip({
|
||||
selector: "a[rel=tooltip]"
|
||||
})
|
||||
})
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -2,6 +2,22 @@
|
|||
#parse("report/velocity/header.vm")
|
||||
#parse("report/velocity/macros.vm")
|
||||
#parse("report/velocity/summary.logic.vm")
|
||||
|
||||
#set($scoreText = "Over 90 is good, between 80-90 is not so good, and below 80 is bad, really bad.")
|
||||
#set($requestText = "Below 25 is good, between 25-50 is something you should look into and above 50 is bad.")
|
||||
#set($pageWeightText = "Below 1 mb is ok (but really to large for mobile), between 1-1.5 mb is something you should investigate & heavier is bad.")
|
||||
#set($documentWeightText = "Below 10 kb is good (gzipped), between 10-15 is ok (but can be better) and above is bad.A small document is good for mobile.")
|
||||
#set($nrOfJsText = "Two or less is good, up to 4 means you should look into it and more than 4 means you need to fix it.")
|
||||
#set($nrOfCssText = "One is good, more than five is really bad.")
|
||||
#set($nrOfCssImageText = "Two is good, above four is bad.")
|
||||
#set($nrOfImagesText = "25 or less images is OK, below 40 is ok, and above is bad.")
|
||||
#set($nrOfRequestPrimedText = "Text 2 requests is good, else if not 90% of the request are cached, it is bad")
|
||||
#set($spofText = "0 pages is good, everyhing else is bad.")
|
||||
#set($jsSyncInHeadText = "0 is good, 1 or more is bad and not OK.")
|
||||
#set($spofPerPageText = "Everything above 0 is bad!")
|
||||
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="span12">
|
||||
|
||||
|
|
@ -16,14 +32,14 @@
|
|||
<div class="span6">
|
||||
<div class="alert alert-#scoreType($scoreAverage)">
|
||||
Score (avg)
|
||||
<div class='large'>$scoreAverage</div>
|
||||
<div class='large'><a href="#" class="alert-#scoreType($scoreAverage)" rel="popover" data-trigger="hover" title="<h4>Score</h4>" data-content="$scoreText">$scoreAverage</a></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="span6">
|
||||
<div class="alert alert-#requestType($requestAverage)">
|
||||
Number of requests (avg)
|
||||
<div class='large'>$requestAverage</div>
|
||||
<div class='large'><a href="#" rel="popover" class="alert-#requestType($requestAverage)" data-trigger="hover" title="<h4>The number of requests</h4>" data-content="$requestText">$requestAverage</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -32,25 +48,25 @@
|
|||
<div class="span3">
|
||||
<div class="alert alert-#weightType($pageWeightAverage)">
|
||||
Total page weight (avg)
|
||||
<div class='large'>$pageWeightAverage</div>
|
||||
<div class='large'><a href="#" rel="popover" class="alert-#weightType($pageWeightAverage)" data-trigger="hover" title="<h4>Page weight</h4>" data-content="$pageWeightText">$pageWeightAverage</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<div class="alert alert-#weightMobileType($totalDocumentWeightAverage)">
|
||||
Document page weight (avg)
|
||||
<div class='large'>$totalDocumentWeightAverage</div>
|
||||
<div class='large'><a href="#" rel="popover" class="alert-#weightMobileType($totalDocumentWeightAverage)" data-trigger="hover" title="<h4>Document weight</h4>" data-content="$pageWeightText">$totalDocumentWeightAverage</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<div class="alert alert-#jsType($jsAverage)">
|
||||
JS (avg)
|
||||
<div class='large'>$jsAverage</div>
|
||||
<div class='large'><a href="#" rel="popover" class="alert-#jsType($jsAverage)" data-trigger="hover" title="<h4>The number of javascripts</h4>" data-content="$nrOfJsText">$jsAverage</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<div class="alert alert-#cssType($cssAverage)">
|
||||
CSS (avg)
|
||||
<div class='large'>$cssAverage</div>
|
||||
<div class='large'><a href="#" rel="popover" class="alert-#cssType($cssAverage)" data-trigger="hover" title="<h4>The number of stylesheets</h4>" data-content="$nrOfCssText">$cssAverage</a></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -60,40 +76,40 @@
|
|||
<div class="span3">
|
||||
<div class="alert alert-#cssImageType($cssImageAverage)">
|
||||
CSS images (avg)
|
||||
<div class='large'>$cssImageAverage</div>
|
||||
<div class='large'><a href="#" rel="popover" class="alert-#cssImageType($cssImageAverage)" data-trigger="hover" title="<h4>The number of stylesheet images</h4>" data-content="$nrOfCssImageText">$cssImageAverage</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<div class="alert alert-#imageType($imageAverage)">
|
||||
Images (avg)
|
||||
<div class='large'>$imageAverage</div>
|
||||
<div class='large'><a href="#" rel="popover" class="alert-#imageType($imageAverage)" data-trigger="hover" title="<h4>Nr of images</h4>" data-content="$nrOfImagesText">$imageAverage</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<div class="alert alert-#requestPrimedType($requestAverage $requestPrimedAverage)">
|
||||
Requests primed cache (avg)
|
||||
<div class='large'>$requestPrimedAverage</div>
|
||||
<div class='large'><a href="#" rel="popover" class="alert-#requestPrimedType($requestAverage $requestPrimedAverage)" data-trigger="hover" title="<h4>The number of requests for a primed cache</h4>" data-content="$nrOfRequestPrimedText">$requestPrimedAverage</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<div class="alert alert-#spofType($totalSpofPages)">
|
||||
Pages with SPOF
|
||||
<div class='large'>$totalSpofPages</div>
|
||||
<div class='large'><a href="#" rel="popover" class="alert-#spofType($totalSpofPages)" data-trigger="hover" title="<h4>The number of pages with the possibility of frontend single point of failure</h4>" data-content="$spofText">$totalSpofPages</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="span3">
|
||||
<div class="alert alert-#totalJsSyncInHeadType($totalJsSyncInHeadAverage)">
|
||||
JS loaded sync in head (avg)
|
||||
<div class='large'>$totalJsSyncInHeadAverage</div>
|
||||
<div class="alert alert-#totalJsSyncInHeadType($totalJsSyncInHeadAverage)">
|
||||
JS loaded sync in head (avg)
|
||||
<div class='large'><a href="#" rel="popover" class="alert-#totalJsSyncInHeadType($totalJsSyncInHeadAverage)" data-trigger="hover" title="<h4>Average number of javascripts loaded synchronously inside of the head tag</h4>" data-content="$jsSyncInHeadText">$totalJsSyncInHeadAverage</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<div class="alert alert-#spofType($totalSpofAverage)">
|
||||
<div class="alert alert-#spofType($totalSpofAverage)">
|
||||
SPOF per page
|
||||
<div class='large'>$totalSpofAverage</div>
|
||||
<div class='large'><a href="#" rel="popover" class="alert-#spofType($totalSpofAverage)" data-trigger="hover" title="<h4>Number of single point of failures per page</h4>" data-content="$spofPerPageText">$totalSpofAverage</a></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
@ -117,42 +133,46 @@
|
|||
<ul>
|
||||
<li> <b><a href="http://sitespeed.io/rules/" target="_blank">Sitespeed</a> score (modified and enhanced Yslow
|
||||
rules)</b>:
|
||||
Over 90 is good, between 80-90 is not so good, and below 80 is bad, really bad.
|
||||
$scoreText
|
||||
</li>
|
||||
<li> <b>The number of requests</b>:
|
||||
Below 25 is good, between 25-50 is something you should look into and above 50 is bad.
|
||||
$requestText
|
||||
</li>
|
||||
<li>
|
||||
<b>The weight of a page</b>:
|
||||
Below 1 mb is ok (but really to large for mobile), between 1-1.5 mb is something you should investigate & heavier is bad.
|
||||
$pageWeightText
|
||||
</li>
|
||||
<li>
|
||||
<b>The document weight</b>:
|
||||
Below 10 kb is good (gzipped), between 10-15 is ok (but can be better) and above is bad.A small document is good for mobile.
|
||||
$documentWeightText
|
||||
</li>
|
||||
<li>
|
||||
<b>The number of javascripts</b>:
|
||||
Two or less is good, up to 4 means you should look into it and more than 4 means you need to fix it.
|
||||
$nrOfJsText
|
||||
</li>
|
||||
<li>
|
||||
<b>The number of stylesheets</b>:
|
||||
One is good, more than five is really bad.
|
||||
$nrOfCssText
|
||||
</li>
|
||||
<li>
|
||||
<b>The number of stylesheet images</b>:
|
||||
Two is good, above four is bad.
|
||||
$nrOfCssImageText
|
||||
</li>
|
||||
<li>
|
||||
<b>The number of images</b>:
|
||||
$nrOfImagesText
|
||||
</li>
|
||||
<li>
|
||||
<b>The number of requests for a primed cache</b>:
|
||||
2 requests is good, else if not 90% of the request are cached, it is bad
|
||||
<b>The number of requests for a primed cache</b>:
|
||||
$nrOfRequestPrimedText
|
||||
</li>
|
||||
<li>
|
||||
<b>The number of pages with the possibility of frontend single point of failure</b>:
|
||||
0 pages is good, everyhing else is bad.
|
||||
$spofText
|
||||
</li>
|
||||
<li>
|
||||
<b>Average number of javascripts loaded synchronously inside of the head tag</b>:
|
||||
0 is good, 1 or more is bad and not OK.
|
||||
$jsSyncInHeadText
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
|
@ -161,4 +181,15 @@
|
|||
|
||||
</div>
|
||||
</div>
|
||||
#parse("report/velocity/footer.vm")
|
||||
#parse("report/velocity/footer.vm")
|
||||
|
||||
<script>
|
||||
|
||||
$(function ()
|
||||
{ $("a[rel=popover]").popover();
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue