Using chrome-tracing to test changes in https://github.com/emberjs/ember.js/pull/13783

01_benchmark.js

let fs = require('fs');
let InitialRenderBenchmark = require('chrome-tracing').InitialRenderBenchmark;

let benchmark = new InitialRenderBenchmark({
    name: "test initial render",
    url: `http://localhost:4200/crates/solicit`,
    browser: {
        type: 'system'
    }
});

benchmark.run().then((result) => {
    let output = '';
    result.samples.forEach(function(result) {
        let sampleOutput = result.duration + ',' + process.env.LABEL;
        output += sampleOutput + '\n';
        console.log(sampleOutput);
    });
    fs.appendFileSync('samples.csv', output, { encoding: 'utf8' });
}).catch((err) => {
    console.error(err.stack);
    process.exit(1);
});

02_boxplot.svg

03_histogram.svg

04_samples.csv

05_crates.diff

diff --git a/app/router.js b/app/router.js
index d858f0d..69f3ab8 100644
--- a/app/router.js
+++ b/app/router.js
@@ -1,9 +1,30 @@
+/* global performance */
 import Ember from 'ember';
 import config from './config/environment';
 import googlePageview from './mixins/google-pageview';
 
 const Router = Ember.Router.extend(googlePageview, {
-    location: config.locationType
+    location: config.locationType,
+
+    init() {
+        this._super(...arguments);
+
+
+        function endTrace() {
+            // just before paint
+            requestAnimationFrame(function () {
+                // after paint
+                requestAnimationFrame(() => {
+                    document.location.href = 'about:blank';
+                });
+            });
+        }
+
+        this.on('didTransition', () => {
+            performance.mark('didTransition');
+            Ember.run.schedule('afterRender', endTrace);
+        });
+    }
 });
 
 Router.map(function() {
diff --git a/ember-cli-build.js b/ember-cli-build.js
index 2f64694..a349a11 100644
--- a/ember-cli-build.js
+++ b/ember-cli-build.js
@@ -5,6 +5,9 @@ var EmberApp = require('ember-cli/lib/broccoli/ember-app');
 module.exports = function(defaults) {
   var app = new EmberApp(defaults, {
     // Add options here
+    minifyJS: {
+        enabled: false
+    }
   });
 
   // Use `app.import` to add additional libraries to the generated