Performance Monitoring for the New Front End
-
Upload
eanakashima -
Category
Documents
-
view
115 -
download
2
description
Transcript of Performance Monitoring for the New Front End
![Page 1: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/1.jpg)
Performance Monitoring for the
New Front End
By Emily Nakashima, @eanakashima& Rachel Myers, @rachelmyers
bit.ly/ostrichandyak
![Page 2: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/2.jpg)
Aka: Monitoring Single-Page App
Performance
![Page 3: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/3.jpg)
Aka: SayGoodbye tothe Ostrich.
![Page 4: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/4.jpg)
Aka: SayGoodbye tothe Ostrich.
![Page 5: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/5.jpg)
The Agenda
I. Why Performance?
II. Burying our Head in the Sand
III.Epic Performance Monitoring Yak Shave
IV.The Future
![Page 6: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/6.jpg)
![Page 7: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/7.jpg)
![Page 8: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/8.jpg)
![Page 9: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/9.jpg)
![Page 10: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/10.jpg)
I. Why Performance?
bit.ly/ostrichandyak
![Page 11: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/11.jpg)
Most Performance is in the Front End
Back end Front end
![Page 12: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/12.jpg)
Slow Pages Hurt
![Page 13: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/13.jpg)
Slow Pages Hurt
• Bing: ⬆2s = ⬇4.3% revenue/user
![Page 14: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/14.jpg)
Slow Pages Hurt
• Bing: ⬆2s = ⬇4.3% revenue/user
• Google: ⬆400ms = ⬇.59% searches/user
![Page 15: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/15.jpg)
Slow Pages Hurt
• Bing: ⬆2s = ⬇4.3% revenue/user
• Google: ⬆400ms = ⬇.59% searches/user
• Yahoo: ⬆400ms = ⬇5-9% traffic
![Page 16: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/16.jpg)
Fast Pages Help
![Page 17: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/17.jpg)
Fast Pages Help
• Mozilla:
![Page 18: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/18.jpg)
Fast Pages Help
• Mozilla:
• ⬇2.2s = ⬆15.4% Firefox downloads (+60M)
![Page 19: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/19.jpg)
Fast Pages Help
• Mozilla:
• ⬇2.2s = ⬆15.4% Firefox downloads (+60M)
• Shopzilla:
![Page 20: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/20.jpg)
Fast Pages Help
• Mozilla:
• ⬇2.2s = ⬆15.4% Firefox downloads (+60M)
• Shopzilla:
• conversion ⬆ 7 - 12%
![Page 21: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/21.jpg)
Fast Pages Help
• Mozilla:
• ⬇2.2s = ⬆15.4% Firefox downloads (+60M)
• Shopzilla:
• conversion ⬆ 7 - 12%
• 2x sessions from Search Engine Marketing
![Page 22: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/22.jpg)
Cumulative and Lasting Effects
![Page 23: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/23.jpg)
Cumulative and Lasting Effects
• eBay:
![Page 24: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/24.jpg)
Cumulative and Lasting Effects
• eBay:
• Beginning of experiment: ⬇.44% searches
![Page 25: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/25.jpg)
Cumulative and Lasting Effects
• eBay:
• Beginning of experiment: ⬇.44% searches
• End of experiment:⬇.76% searches
![Page 26: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/26.jpg)
Cumulative and Lasting Effects
• eBay:
• Beginning of experiment: ⬇.44% searches
• End of experiment:⬇.76% searches
• After correction: ⬇.21% searches
![Page 27: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/27.jpg)
Cumulative and Lasting Effects
• eBay:
• Beginning of experiment: ⬇.44% searches
• End of experiment:⬇.76% searches
• After correction: ⬇.21% searches
• Strangeloop:
![Page 28: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/28.jpg)
Cumulative and Lasting Effects
• eBay:
• Beginning of experiment: ⬇.44% searches
• End of experiment:⬇.76% searches
• After correction: ⬇.21% searches
• Strangeloop:
• Took 6 weeks for experiment group visits to recover
![Page 29: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/29.jpg)
Why Performance: The bottom line.
![Page 30: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/30.jpg)
II. Burying our Head in the Sand.
![Page 31: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/31.jpg)
![Page 32: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/32.jpg)
dinosaurs partying with cake and a new relic dashboard!
![Page 33: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/33.jpg)
dinosaurs partying with cake and a new relic dashboard!
![Page 34: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/34.jpg)
![Page 35: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/35.jpg)
![Page 36: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/36.jpg)
![Page 37: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/37.jpg)
![Page 38: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/38.jpg)
![Page 39: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/39.jpg)
![Page 40: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/40.jpg)
![Page 41: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/41.jpg)
12 bijillion
![Page 42: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/42.jpg)
![Page 43: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/43.jpg)
![Page 44: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/44.jpg)
Backbone: the Ostrich Killer
Screenshot of tablet site
![Page 45: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/45.jpg)
Backbone: the Ostrich Killer
Screenshot of tablet site
![Page 46: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/46.jpg)
![Page 47: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/47.jpg)
![Page 48: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/48.jpg)
![Page 49: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/49.jpg)
![Page 50: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/50.jpg)
![Page 51: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/51.jpg)
![Page 52: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/52.jpg)
![Page 53: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/53.jpg)
dinosaurs partying with cake and a new relic dashboard!
![Page 54: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/54.jpg)
dinosaurs partying with cake and a new relic dashboard!
![Page 55: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/55.jpg)
![Page 56: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/56.jpg)
![Page 57: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/57.jpg)
A Diagnostic Slide
• Do you load content with ajax?
• Do you <3 any of these buzzwords?
Ember / Backbone / Angular / whatever-mvc
Turbolinks in Rails4
pjax/hijax
pushState
![Page 58: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/58.jpg)
III. Epic Performance MonitoringYak Shave
![Page 59: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/59.jpg)
Our old tools
• YSlow / PageSpeed Insights
• New Relic
• LogNormal
• WebPageTest
![Page 60: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/60.jpg)
YSlow / PageSpeed
![Page 61: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/61.jpg)
New Relic
![Page 62: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/62.jpg)
New Relic
![Page 63: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/63.jpg)
LogNormal
![Page 64: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/64.jpg)
LogNormal
![Page 65: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/65.jpg)
LogNormal
![Page 66: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/66.jpg)
WebPageTest
![Page 67: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/67.jpg)
WebPageTest
![Page 68: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/68.jpg)
WebPageTest
![Page 69: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/69.jpg)
Nope.
![Page 70: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/70.jpg)
New things to track
• Feature load
• “Page” load
• Unresponsiveness (jank)
![Page 71: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/71.jpg)
New things to track
• { featureName: loadTime }
• { pageName: loadTime }
• [ timestamp, timestamp, timestamp... ]
![Page 72: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/72.jpg)
Surprise tools to the rescue.
• Google Analytics
• Circonus
![Page 73: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/73.jpg)
Google Analytics
![Page 74: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/74.jpg)
Google Analytics
![Page 75: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/75.jpg)
Google Analytics
![Page 76: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/76.jpg)
Google Analytics
The code to add tracking can be fairly straightforward:
_gaq.push([‘_trackTiming’, category, variable, time, opt_label, opt_sample]);
![Page 77: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/77.jpg)
Circonus
![Page 78: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/78.jpg)
Circonus
![Page 79: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/79.jpg)
All together
![Page 80: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/80.jpg)
Feature load
![Page 81: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/81.jpg)
Feature loadTrackTiming = function(category, feature) { this.category = category; this.feature = feature; this.startTime = new Date().getTime(); this.endTime = null; return this;};
TrackTiming.prototype.startTime = new Date().getTime(); // shared startTime
TrackTiming.prototype.setEnd = function() { this.endTime = new Date().getTime(); return this;};
![Page 82: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/82.jpg)
Feature loadTrackTiming.prototype.sendFeatureTiming = function() { var time = this.endTime - this.startTime; var twoMinutes = 1000 * 60 * 2; if (time < twoMinutes && time > 0) { window._gaq.push(['_trackTiming', this.category, this.feature, time]); } return this;};
var tt = new TrackTiming(); // init$(‘#myImg’).on('load', function() { tt.setEndTime().sendFeatureTiming();});
![Page 83: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/83.jpg)
“Page” load
![Page 84: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/84.jpg)
“Page” load
• Composed of many features.
• “Page” is loaded is called when sendFeatureTiming has been called for each feature.
![Page 85: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/85.jpg)
“Page” loadTrackTiming.prototype.sendPageTiming = function(pageName) { var time = this.endTime - this.startTime;
window._gaq.push(['_trackTiming', 'custom_timings', pageName, time]);};
// ... set up feature tracking here ...
$.when(trackTiming1, trackTiming2).done( function() { tt.sendPageTiming(); }); // resolves when both timings are done
![Page 86: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/86.jpg)
Unresponsiveness
![Page 87: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/87.jpg)
Unresponsiveness
![Page 88: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/88.jpg)
Unresponsiveness
• Hardest to manage observer effects.
• Strategy: look for moments when the browser isn’t free to take orders.
• Use setTimeout to set timestamps, and see how far apart they fall.
![Page 89: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/89.jpg)
Unresponsivenessvar measurements = [];var now = new Date();
var checkTime = function(measurements) { var newNow = new Date(); measurements.push(newNow - now); now = newNow; setTimeout(checkTime,300);};
// collects an array of times:// measurements = [357,300,300,424,404,300]
![Page 90: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/90.jpg)
![Page 91: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/91.jpg)
![Page 92: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/92.jpg)
IV. The Future
![Page 93: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/93.jpg)
![Page 94: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/94.jpg)
Recap: newthings to track
• Feature load
• “Page” load
• Unresponsiveness (jank)
![Page 95: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/95.jpg)
Feature load
![Page 96: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/96.jpg)
“Page” load// We modified our backbone app to always// call beforeRoute & afterRoute callbacks,// a low-config way to tracking loading.
var beforeRoute = function() { tt.resetPageTiming();};
var afterRoute = function() {var currentPage = window.location;tt.sendPageTiming(currentPage);
};
![Page 97: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/97.jpg)
Unresponsiveness
![Page 98: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/98.jpg)
![Page 99: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/99.jpg)
![Page 100: Performance Monitoring for the New Front End](https://reader030.fdocuments.us/reader030/viewer/2022020122/54c7b29e4a795995658b45a5/html5/thumbnails/100.jpg)
Thanks!
@eanakashima & @rachelmyersbit.ly/ostrichandyak