Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
Performance, Performance, Performance
Slide 2
Slide 2 text
Why does performance matter?
Slide 3
Slide 3 text
I am going scare you straight with some real facts about why performance matters
Slide 4
Slide 4 text
Amazon adds 100ms to page load time Loses 1% of revenue
Slide 5
Slide 5 text
go ahead and blink (300ms)
Slide 6
Slide 6 text
Google increases search algorithm by 500ms Loses 20% in revenue(click throughs)
Slide 7
Slide 7 text
Etsy added 160k of hidden images increased their bounce rate by 12%
Slide 8
Slide 8 text
Google’s page Shaming “currently A/B testing” http://searchengineland.com/google-testing-red-slow-label-search-results-slower-sites-215483
Slide 9
Slide 9 text
“Aaron Walter’s Hierarchy of Needs” Performance http://blog.teamtreehouse.com/emotional-interface-design-the-gateway-to-passionate-users?ss_affiliate_id=389818&ss_click_id=b1jz_f2iev
Slide 10
Slide 10 text
How do I measure performance?
Slide 11
Slide 11 text
What Do I Measure? Quantitive Metrics Perceived Metrics Mile-Stone Metrics Rules Based Metrics
Slide 12
Slide 12 text
New Relic Quantitative Metrics
Slide 13
Slide 13 text
Google Page Insights Rules based metrics
Slide 14
Slide 14 text
Time to first Tweet Custom Mile-Stone Metric http://blog.alexmaccaw.com/time-to-first-tweet
Slide 15
Slide 15 text
webpagetest.org Perceived Metrics
Slide 16
Slide 16 text
Performance is good, but it should not be your only focus - bdougie
Slide 17
Slide 17 text
“Walter’s Hierarchy of Needs” Performance
Slide 18
Slide 18 text
Perceived Metrics https://developer.mozilla.org/en-US/docs/Web/API/Navigation_timing_API
Slide 19
Slide 19 text
100ms is instant, 1000ms is uninterrupted thought
Slide 20
Slide 20 text
What’s your performance budget(goal)?
Slide 21
Slide 21 text
Mentor Dashboard
Slide 22
Slide 22 text
Mentor Dashboard 3000 to 10000ms
Slide 23
Slide 23 text
Works on my machine User tested metrics
Slide 24
Slide 24 text
Mentor Dashboard Moved to Angular, created an Api Endpoint for filtering
Slide 25
Slide 25 text
NPS Survey
Slide 26
Slide 26 text
NPS Survey
Slide 27
Slide 27 text
NPS Survey
Slide 28
Slide 28 text
Things To Use Rails Panel New Relic Mini-Profiler JSData bullet StatsD
Slide 29
Slide 29 text
Perceived Metrics with StatsD
Slide 30
Slide 30 text
Looks good to me
Slide 31
Slide 31 text
“Walter’s Hierarchy of Needs” Performance
Slide 32
Slide 32 text
lisa.bloc.io/software-engineering-track Enter