Requests notation

This commit is contained in:
Gaël Métais
2014-09-18 22:29:02 +02:00
parent aeb1da74fe
commit f122188ed1
4 changed files with 37 additions and 46 deletions
+1 -1
View File
@@ -8,7 +8,7 @@
</head>
<body>
<h1>Yellow Lab <span class="icon-lab"></span> Tools</h1>
<h2 class="promess">Free online test to help speeding up <b>heavily</b> javascripted pages</h2>
<h2 class="promess">Free online test to help speeding up <b>heavy</b> web pages</h2>
<form method="post" action="/launchTest">
<input type="text" name="url" placeholder="http://www.mysite.com" class="url" />
<input type="submit" value="Launch test" class="launchBtn" onclick="this.className += ' clicked'" />
+27 -14
View File
@@ -115,17 +115,6 @@
</ul>
</div>
</div>
<div>
<div ng-class="notations.scripts">{{notations.scripts}}</div>
<div class="notation">JS files loaded</div>
<div class="criteria">
<ul>
<li ng-if="phantomasResults.metrics.jsCount">
Scripts count: {{phantomasResults.metrics.jsCount}}
</li>
</ul>
</div>
</div>
<div>
<div ng-class="notations.jQueryLoading">{{notations.jQueryLoading}}</div>
<div class="notation">jQuery version</div>
@@ -188,12 +177,36 @@
</div>
</div>
<div>
<div ng-class="notations.cssCount">{{notations.cssCount}}</div>
<div class="notation">CSS files loaded</div>
<div ng-class="notations.requests">{{notations.requests}}</div>
<div class="notation">Requests number</div>
<div class="criteria">
<ul>
<li>
Total requests: {{phantomasResults.metrics.requests}}
</li>
<li ng-if="phantomasResults.metrics.htmlCount">
Documents: {{phantomasResults.metrics.htmlCount}}
</li>
<li ng-if="phantomasResults.metrics.jsCount">
Scripts: {{phantomasResults.metrics.jsCount}}
</li>
<li ng-if="phantomasResults.metrics.cssCount">
Stylesheets count: {{phantomasResults.metrics.cssCount}}
Stylesheets: {{phantomasResults.metrics.cssCount}}
</li>
<li ng-if="phantomasResults.metrics.imageCount">
Images: {{phantomasResults.metrics.imageCount}}
</li>
<li ng-if="phantomasResults.metrics.webfontCount">
Fonts: {{phantomasResults.metrics.webfontCount}}
</li>
<li ng-if="phantomasResults.metrics.videoCount">
Videos: {{phantomasResults.metrics.videoCount}}
</li>
<li ng-if="phantomasResults.metrics.jsonCount">
JSON: {{phantomasResults.metrics.jsonCount}}
</li>
<li ng-if="phantomasResults.metrics.otherCount">
Other: {{phantomasResults.metrics.otherCount}}
</li>
</ul>
</div>