easy-js-perf - npm Package Compare versions

Comparing version 0.1.1 to 0.1.2

package.json

 {
   "name": "easy-js-perf",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "A human readable wrapper of `window.performance` API",
@@ -5,0 +5,0 @@ "main": "src/index.js",

src/index.js

 /**
  * Only use this module in browsers
  */
-function Perf() {
-  var perf = {};
+(function (root, factory) {
+    if (typeof define === 'function' && define.amd) {
+        define([], factory);
+    } else if (typeof module === 'object' && module.exports) {
+        module.exports = factory();
+    } else {
+        root.easyJsPerf = factory();
+  }
+}(this, function () {
+  return function Perf() {
+    var perf = {};
 
-  if (window && window.performance) {
-    var timing = window.performance.timing;
-    var base = timing.fetchStart;
+    if (window && window.performance) {
+      var timing = window.performance.timing;
+      var base = timing.fetchStart;
 
-    perf.domReady = timing.domComplete - timing.domLoading;
-    perf.load = timing.loadEventStart - timing.navigationStart;
-    perf.domInteractive = timing.domInteractive - timing.domLoading;
-    perf.dns = timing.domainLookupEnd - timing.domainLookupStart;
-    perf.ttfb = timing.responseStart - timing.connectEnd;
-    perf.firstPaint = parseFloat(getFirstPaint());
-    perf.requests = getRequests();
-  }
+      perf.domReady = timing.domComplete - timing.domLoading;
+      perf.load = timing.loadEventStart - timing.navigationStart;
+      perf.domInteractive = timing.domInteractive - timing.domLoading;
+      perf.dns = timing.domainLookupEnd - timing.domainLookupStart;
+      perf.ttfb = timing.responseStart - timing.connectEnd;
+      perf.firstPaint = parseFloat(getFirstPaint());
+      perf.requests = getRequests();
+    }
 
 
-  function getFirstPaint() {
-    var firstPaint = 0;
-    if (window.chrome && window.chrome.loadTimes) {
-      // Convert to ms
-      firstPaint = window.chrome.loadTimes().firstPaintTime * 1000;
-      firstPaint = firstPaint - (window.chrome.loadTimes().startLoadTime*1000);
-      return firstPaint.toFixed(0);
-    } else if (typeof window.performance.timing.msFirstPaint === 'number') {
-      firstPaint = window.performance.timing.msFirstPaint;
-      firstPaint = firstPaint - window.performance.timing.navigationStart;
-      return firstPaint.toFixed(0);
+    function getFirstPaint() {
+      var firstPaint = 0;
+      if (window.chrome && window.chrome.loadTimes) {
+        // Convert to ms
+        firstPaint = window.chrome.loadTimes().firstPaintTime * 1000;
+        firstPaint = firstPaint - (window.chrome.loadTimes().startLoadTime*1000);
+        return firstPaint.toFixed(0);
+      } else if (typeof window.performance.timing.msFirstPaint === 'number') {
+        firstPaint = window.performance.timing.msFirstPaint;
+        firstPaint = firstPaint - window.performance.timing.navigationStart;
+        return firstPaint.toFixed(0);
+      }
     }
-  }
 
 
-  function getRequests() {
-    if (window.performance.getEntries) {
-      var entries = window.performance.getEntries();
-      return entries.reduce(function(prev, curr) {
-        var type = unifyEntryType(curr);
-        if (!prev[type]) {
-          prev[type] = {
-            cnt: 1,
-            load: curr.duration
-          };
-        } else {
-          prev[type] = {
-            cnt: prev[type].cnt + 1,
-            load: prev[type].load + curr.duration
-          };
-        }
+    function getRequests() {
+      if (window.performance.getEntries) {
+        var entries = window.performance.getEntries();
+        return entries.reduce(function(prev, curr) {
+          var type = unifyEntryType(curr);
+          if (!prev[type]) {
+            prev[type] = {
+              cnt: 1,
+              load: curr.duration
+            };
+          } else {
+            prev[type] = {
+              cnt: prev[type].cnt + 1,
+              load: prev[type].load + curr.duration
+            };
+          }
 
-        return prev;
-      }, {});
+          return prev;
+        }, {});
+      }
+      return {};
     }
-    return {};
-  }
 
-  function unifyEntryType(entry) {
-    if (entry.initiatorType === 'link' && entry.name.match(/\.css/)) {
-      return 'css';
-    }
+    function unifyEntryType(entry) {
+      if (entry.initiatorType === 'link' && entry.name.match(/\.css/)) {
+        return 'css';
+      }
 
-    if (entry.initiatorType === '' && entry.name.match(/\.json/)) {
-      return 'json';
-    }
+      if (entry.initiatorType === '' && entry.name.match(/\.json/)) {
+        return 'json';
+      }
 
-    if (entry.initiatorType === 'css' && entry.name.match(/(jpg|png|gif|bmp)/)) {
-      return 'img';
+      if (entry.initiatorType === 'css' && entry.name.match(/(jpg|png|gif|bmp)/)) {
+        return 'img';
+      }
+
+      return entry.initiatorType;
     }
-
-    return entry.initiatorType;
   }
-}
-
-if (typeof define === 'function' && define.amd) {
-  define([], Perf);
-} else if (typeof module === 'object' && module.exports) {
-  module.exports = Perf;
-} else {
-  window.easyJsPerf = Perf;
-}
+}));

No alert changes

Improved metrics

Total package byte prevSize

5569

increased by4.19%

Lines of code

73

increased by4.29%

No dependency changes