Adding performance measurement infrastructure.

Added measurements for getting and parsing the UnityLoader and the scene
load.

Author: delapuente

Assets/WebGLTemplates/WebVR/index.html

@@ -15,14 +15,18 @@
     <script>
       MozillaResearch.telemetry.start({
         analytics: true,
-        errorLogging: true
+        errorLogging: true,
+        performance: true
       });
+      MozillaResearch.telemetry.performance.mark('LoaderParsingStart');
     </script>
     <script src="%UNITY_WEBGL_LOADER_URL%"></script>
     <script>
-      /* global UnityLoader */
+      /* global UnityLoader, MozillaResearch */
+      MozillaResearch.telemetry.performance.measure('LoaderParsing', 'LoaderParsingStart');
       (function () {
         UnityLoader.SystemInfo.mobile = false;  // Workaround to force `UnityLoader` to actually load on mobile.
+        MozillaResearch.telemetry.performance.mark('LoadingStart');
         window.gameInstance = UnityLoader.instantiate('gameContainer', '%UNITY_WEBGL_BUILD_URL%', {
           Module: {
             // `preserveDrawingBuffer` is needed for WebVR content to be mirrored to the `<canvas>`.

Assets/WebGLTemplates/WebVR/lib/telemetry.js

@@ -0,0 +1,137 @@
+/* global localStorage, location, Raven */
+(function (window) {
+'use strict';
+
+if (!('MozillaResearch' in window)) {
+  window.MozillaResearch = {};
+}
+
+if (!('telemetry' in window.MozillaResearch)) {
+  window.MozillaResearch.telemetry = {};
+}
+
+var navigator = window.navigator;
+var telemetry = window.MozillaResearch.telemetry;
+
+telemetry.ga = {
+  create: function (trackingId, cookieDomain, name, fieldsObject) {
+    window.ga('create', trackingId, cookieDomain, name, fieldsObject);
+    return function (command) {
+      if (navigator.doNotTrack === '1') { return; }
+      var args = Array.prototype.slice.call(arguments);
+      if (name && command !== 'provide') {
+        command = name + '.' + command;
+        args[0] = command;
+      }
+      window.ga.apply(undefined, args);
+    };
+  }
+};
+
+var NO_OP = function () {};
+
+telemetry.performance = {
+  mark: NO_OP,
+  measure: NO_OP
+};
+
+telemetry.start = function (config) {
+  config = config || {};
+  if (navigator.doNotTrack === '1') {
+    return;
+  }
+  if (config.errorLogging) {
+    startErrorLogging();
+  }
+  if (config.analytics) {
+    var researchAnalytics = startAnalytics();
+    if (config.performance) {
+      configurePerformanceAPI(researchAnalytics);
+    }
+  }
+};
+
+setupAnalytics();
+
+function setupAnalytics() {
+  window.ga = window.ga || function () {
+    (window.ga.q = (window.ga.q || [])).push(arguments)
+  };
+  window.ga.l = +(new Date());
+
+  if (navigator.doNotTrack === '1') {
+    return;
+  }
+  injectScript('https://www.google-analytics.com/analytics.js', function (err) {
+    if (err) {
+      console.warn('Could not load Analytics.js script:', err);
+      return;
+    }
+  });  
+}
+
+function startErrorLogging() {
+  injectScript('https://cdn.ravenjs.com/3.22.3/console/raven.min.js', function (err) {
+    if (err) {
+      console.warn('Could not load Raven.js script:', err);
+      return;
+    }
+    if (!('Raven' in window)) {
+      console.warn('Could not find `window.Raven` global');
+      return;
+    }
+    configureRaven();
+  });
+
+  function configureRaven () {
+    console.log('Raven.js script loaded');
+    Raven.config('https://e359be9fb9324addb0dc97b664cf5ee6@sentry.io/294878')
+         .install();
+  }
+};
+
+function startAnalytics() {
+  var CURRENT_VERSION = '1.0.1';
+  var ga = telemetry.ga.create('UA-77033033-6', 'auto', 'mozillaResearch');
+  ga('set', 'dimension1', CURRENT_VERSION);
+  ga('send', 'pageview');
+  return ga;
+}
+
+function configurePerformanceAPI(ga) {
+  telemetry.performance = {
+    mark: function (name) {
+      performance.mark(name);
+    },
+  
+    measure: function (name, start, end) {
+      if (navigator.doNotTrack === '1') {
+        return;
+      }
+      performance.measure(name, start, end);
+      var performanceEntry = performance.getEntriesByName(name)[0];
+      var duration = performanceEntry.duration;
+      ga('send', 'event', 'Performance', name, undefined, duration);
+    }
+  };
+}
+
+function injectScript (src, callback) {
+  var script = document.createElement('script');
+  script.src = src;
+  script.crossorigin = 'anonymous';
+  script.addEventListener('load', function () {
+    if (callback) {
+      callback(null, true);
+    }
+  });
+  script.addEventListener('error', function (err) {
+    if (callback) {
+      callback(err);
+    }
+  });
+  document.head.appendChild(script);
+  return script;
+}
+
+})(window);

Assets/WebGLTemplates/WebVR/webvr.js

@@ -37,6 +37,7 @@
   }
 
   function onUnityLoaded () {
+    MozillaResearch.telemetry.performance.measure('LoadingTime', 'LoadingStart');
     canvas = document.getElementById('#canvas');
     document.body.dataset.unityLoaded = 'true';
     onResize();