We use cookies to ensure you get the best experience on our website
Home Explore Help
Register Sign In
0ct0pu5
/
YellowLabTools
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

Requests notation

Gaël Métais 10 years ago
parent
aeb1da74fe
commit
f122188ed1
4 changed files with 37 additions and 46 deletions
Unified View Show Diff Stats
  1. 1 1
      README.md
  2. 1 1
      app/node_views/index.html
  3. 27 14
      app/node_views/results.html
  4. 8 30
      app/public/scripts/resultsCtrl.js

+ 1 - 1
README.md
View File 

@@ -11,7 +11,7 @@ Online tool designed to help Front-End developers optimize their website
 
 ## How it works
 
 ## How it works
 
 
 
 The tool is based on the fabulous [Phantomas](https://github.com/macbre/phantomas) by Maciej Brencz, that loads a page and collects many web performance metrics.
 
 The tool is based on the fabulous [Phantomas](https://github.com/macbre/phantomas) by Maciej Brencz, that loads a page and collects many web performance metrics.
 
-I rewrote some modules to deeper analyse Javascript interactions with the DOM (especially with jQuery).
 
+I rewrote some modules to deeper analyze Javascript interactions with the DOM (especially with jQuery).
 
 And then it is wrapped inside a small NodeJS server to get an interface (inspired by my favorite tool: [WebPageTest](http://www.webpagetest.org/)).
 
 And then it is wrapped inside a small NodeJS server to get an interface (inspired by my favorite tool: [WebPageTest](http://www.webpagetest.org/)).
 
 
 
 **There are so many things left to do, your help would be greatly appreciated! Please report bugs, ask for evolutions and come code with me.**
 
 **There are so many things left to do, your help would be greatly appreciated! Please report bugs, ask for evolutions and come code with me.**

+ 1 - 1
app/node_views/index.html
View File 

@@ -8,7 +8,7 @@
 
 </head>
 
 </head>
 
 <body>
 
 <body>
 
     <h1>Yellow Lab <span class="icon-lab"></span> Tools</h1>
 
     <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">
 
     <form method="post" action="/launchTest">
 
         <input type="text" name="url" placeholder="http://www.mysite.com" class="url" />
 
         <input type="text" name="url" placeholder="http://www.mysite.com" class="url" />
 
         <input type="submit" value="Launch test" class="launchBtn" onclick="this.className += ' clicked'" />
 
         <input type="submit" value="Launch test" class="launchBtn" onclick="this.className += ' clicked'" />

+ 27 - 14
app/node_views/results.html
View File 

@@ -115,17 +115,6 @@
 
                         </ul>
 
                         </ul>
 
                     </div>
 
                     </div>
 
                 </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>
 
                     <div ng-class="notations.jQueryLoading">{{notations.jQueryLoading}}</div>
 
                     <div ng-class="notations.jQueryLoading">{{notations.jQueryLoading}}</div>
 
                     <div class="notation">jQuery version</div>
 
                     <div class="notation">jQuery version</div>
 
@@ -188,12 +177,36 @@
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </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">
 
                     <div class="criteria">
 
                         <ul>
 
                         <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">
 
                             <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>
 
                             </li>
 
                         </ul>
 
                         </ul>
 
                     </div>
 
                     </div>

+ 8 - 30
app/public/scripts/resultsCtrl.js
View File 

@@ -72,11 +72,10 @@ app.controller('ResultsCtrl', function ($scope) {
 
             duplicatedDomQueries: getDuplicatedDomQueriesScore(),
 
             duplicatedDomQueries: getDuplicatedDomQueriesScore(),
 
             eventsBound: getEventsBoundScore(),
 
             eventsBound: getEventsBoundScore(),
 
             jsBadPractices: getJSBadPracticesScore(),
 
             jsBadPractices: getJSBadPracticesScore(),
 
-            scripts: getScriptsScore(),
 
             jQueryLoading: getJQueryLoadingScore(),
 
             jQueryLoading: getJQueryLoadingScore(),
 
             cssComplexity: getCSSComplexityScore(),
 
             cssComplexity: getCSSComplexityScore(),
 
             badCss: getBadCssScore(),
 
             badCss: getBadCssScore(),
 
-            cssCount: cssCountScore()
 
+            requests: requestsScore()
 
         };
 
         };
 
     }
 
     }
 
 
 
@@ -266,27 +265,6 @@ app.controller('ResultsCtrl', function ($scope) {
 
         return note;
 
         return note;
 
     }
 
     }
 
 
 
-    function getScriptsScore() {
 
-        var note = 'A';
 
-        var score = $scope.phantomasResults.metrics.jsCount;
 
-        if (score > 4) {
 
-            note = 'B';
 
-        }
 
-        if (score > 8) {
 
-            note = 'C';
 
-        }
 
-        if (score > 12) {
 
-            note = 'D';
 
-        }
 
-        if (score > 16) {
 
-            note = 'E';
 
-        }
 
-        if (score > 20) {
 
-            note = 'F';
 
-        }
 
-        return note;
 
-    }
 
-
 
     function getJQueryLoadingScore() {
 
     function getJQueryLoadingScore() {
 
         var note = 'NA';
 
         var note = 'NA';
 
         if ($scope.phantomasResults.metrics.jQueryDifferentVersions > 1) {
 
         if ($scope.phantomasResults.metrics.jQueryDifferentVersions > 1) {
 
@@ -374,22 +352,22 @@ app.controller('ResultsCtrl', function ($scope) {
 
         return note;
 
         return note;
 
     }
 
     }
 
 
 
-    function cssCountScore() {
 
+    function requestsScore() {
 
         var note = 'A';
 
         var note = 'A';
 
-        var score = $scope.phantomasResults.metrics.cssCount;
 
-        if (score > 3) {
 
+        var score = $scope.phantomasResults.metrics.requests;
 
+        if (score > 30) {
 
             note = 'B';
 
             note = 'B';
 
         }
 
         }
 
-        if (score > 6) {
 
+        if (score > 45) {
 
             note = 'C';
 
             note = 'C';
 
         }
 
         }
 
-        if (score > 9) {
 
+        if (score > 60) {
 
             note = 'D';
 
             note = 'D';
 
         }
 
         }
 
-        if (score > 12) {
 
+        if (score > 80) {
 
             note = 'E';
 
             note = 'E';
 
         }
 
         }
 
-        if (score > 15) {
 
+        if (score > 100) {
 
             note = 'F';
 
             note = 'F';
 
         }
 
         }
 
         return note;
 
         return note;

Contact | Legal | Takedown | Status
Self-hosted public services - About
NibbleSpot by 0ct0pu5