Monitoring render performance with Ember.js and New Relic
The main problem is New Relic doesn’t know when your Ember app has finished loading a route. Nor does it know when the route has finished rendering. So you have to tell it:
The above code uses the Navigation Timing API to calculate how long it took from document ready to everything being displayed. (i.e. The route and it’s child routes resolving and rendering). Here is a jsfiddle.
You will probably already have an idea about which of your components take the most time to render from using them in development — but it is still useful to see how they are performing in the wild.
The Metrics Service below utilises Ember Instrumentation to send the time it took to render the slowest components to New Relic Insights.
Anything over 100 milliseconds is considered not instant.
Now you can access Insights query for component render times
Edit: New Relic now have beta tools for Single Page App monitoring