speed as-a-feature
TRANSCRIPT
![Page 1: Speed as-a-feature](https://reader034.vdocument.in/reader034/viewer/2022052507/5583cdd8d8b42a61638b4c21/html5/thumbnails/1.jpg)
You’re here becausePERFORMANCE MATTERS
![Page 2: Speed as-a-feature](https://reader034.vdocument.in/reader034/viewer/2022052507/5583cdd8d8b42a61638b4c21/html5/thumbnails/2.jpg)
I’m here to convince youSPEED IS A FEATURE
![Page 3: Speed as-a-feature](https://reader034.vdocument.in/reader034/viewer/2022052507/5583cdd8d8b42a61638b4c21/html5/thumbnails/3.jpg)
Chris Kelly@amateurhuman
![Page 4: Speed as-a-feature](https://reader034.vdocument.in/reader034/viewer/2022052507/5583cdd8d8b42a61638b4c21/html5/thumbnails/4.jpg)
Start with the
FACTS
![Page 5: Speed as-a-feature](https://reader034.vdocument.in/reader034/viewer/2022052507/5583cdd8d8b42a61638b4c21/html5/thumbnails/5.jpg)
Loss inconversions
1s = 7%Additional pageload time
![Page 6: Speed as-a-feature](https://reader034.vdocument.in/reader034/viewer/2022052507/5583cdd8d8b42a61638b4c21/html5/thumbnails/6.jpg)
Fewerpage views
1s = 11%Additional pageload time
![Page 7: Speed as-a-feature](https://reader034.vdocument.in/reader034/viewer/2022052507/5583cdd8d8b42a61638b4c21/html5/thumbnails/7.jpg)
-100ms Page Load
+1%Revenue=
AMAZON+$480M per year
![Page 8: Speed as-a-feature](https://reader034.vdocument.in/reader034/viewer/2022052507/5583cdd8d8b42a61638b4c21/html5/thumbnails/8.jpg)
Pause for a
CLICHÉ
![Page 9: Speed as-a-feature](https://reader034.vdocument.in/reader034/viewer/2022052507/5583cdd8d8b42a61638b4c21/html5/thumbnails/9.jpg)
Time isMoney
![Page 10: Speed as-a-feature](https://reader034.vdocument.in/reader034/viewer/2022052507/5583cdd8d8b42a61638b4c21/html5/thumbnails/10.jpg)
per • for • mance (noun)
1. a way to make more money2. a way to work on stuff that matters
![Page 11: Speed as-a-feature](https://reader034.vdocument.in/reader034/viewer/2022052507/5583cdd8d8b42a61638b4c21/html5/thumbnails/11.jpg)
A performant application has a smaller footprint.
A smaller footprint means less resources to manage.
Less resource management means more time working on the good stuff.
![Page 12: Speed as-a-feature](https://reader034.vdocument.in/reader034/viewer/2022052507/5583cdd8d8b42a61638b4c21/html5/thumbnails/12.jpg)
Built for
SPEED
![Page 13: Speed as-a-feature](https://reader034.vdocument.in/reader034/viewer/2022052507/5583cdd8d8b42a61638b4c21/html5/thumbnails/13.jpg)
Where does the time go?
![Page 14: Speed as-a-feature](https://reader034.vdocument.in/reader034/viewer/2022052507/5583cdd8d8b42a61638b4c21/html5/thumbnails/14.jpg)
1. Slave to the man2. Slave to the DOM3. Slave to the data4. Slave to the box5. Slave to the network
![Page 15: Speed as-a-feature](https://reader034.vdocument.in/reader034/viewer/2022052507/5583cdd8d8b42a61638b4c21/html5/thumbnails/15.jpg)
Business in the
FRONT
![Page 16: Speed as-a-feature](https://reader034.vdocument.in/reader034/viewer/2022052507/5583cdd8d8b42a61638b4c21/html5/thumbnails/16.jpg)
The Internet is a distributed system. We’ve become dependent on external services: analytics, ads, trackers, social.
Loading an external service can add over 900ms to your load time.
Synchronous Javascript calls will block your page load.
![Page 17: Speed as-a-feature](https://reader034.vdocument.in/reader034/viewer/2022052507/5583cdd8d8b42a61638b4c21/html5/thumbnails/17.jpg)
Facebook doesn’t always go down.
But when it does, it takes down the rest of the Internet.
![Page 18: Speed as-a-feature](https://reader034.vdocument.in/reader034/viewer/2022052507/5583cdd8d8b42a61638b4c21/html5/thumbnails/18.jpg)
Get used to theWhite Page of Death
![Page 19: Speed as-a-feature](https://reader034.vdocument.in/reader034/viewer/2022052507/5583cdd8d8b42a61638b4c21/html5/thumbnails/19.jpg)
CSS May Be YourNew Worst EnemyBrowsers block rendering until all CSS is downloaded.
Browsers will download all CSS before rendering, even if it is unused.
Does your mobile phone really need to download the print stylesheet?
![Page 20: Speed as-a-feature](https://reader034.vdocument.in/reader034/viewer/2022052507/5583cdd8d8b42a61638b4c21/html5/thumbnails/20.jpg)
Party in the
BACK
![Page 21: Speed as-a-feature](https://reader034.vdocument.in/reader034/viewer/2022052507/5583cdd8d8b42a61638b4c21/html5/thumbnails/21.jpg)
Death by Database
N+1 queries will bring your database to its knees.
Slow queries will kick it while it is down.
Disk thrashing will finish it off and pick it’s pockets for good measure.
![Page 22: Speed as-a-feature](https://reader034.vdocument.in/reader034/viewer/2022052507/5583cdd8d8b42a61638b4c21/html5/thumbnails/22.jpg)
In the Cloud Resources Are Limitless, Right?Resources in the cloud are abundant but inconsistent.
Failing resources create a domino effect of further failures.
Scaling has more to do with people more than any other resource.
![Page 23: Speed as-a-feature](https://reader034.vdocument.in/reader034/viewer/2022052507/5583cdd8d8b42a61638b4c21/html5/thumbnails/23.jpg)
There and Back Again,A Network TaleNetwork round-trips can add up quickly, even within the same datacenter.
Browsers will limit simultaneous downloads from the same host.
Service Oriented Architectures are pushing more data through the network.
![Page 24: Speed as-a-feature](https://reader034.vdocument.in/reader034/viewer/2022052507/5583cdd8d8b42a61638b4c21/html5/thumbnails/24.jpg)
So, now what’s
NEXT
![Page 25: Speed as-a-feature](https://reader034.vdocument.in/reader034/viewer/2022052507/5583cdd8d8b42a61638b4c21/html5/thumbnails/25.jpg)
If you aren’t monitoring, start!
![Page 26: Speed as-a-feature](https://reader034.vdocument.in/reader034/viewer/2022052507/5583cdd8d8b42a61638b4c21/html5/thumbnails/26.jpg)
Put performance in your backlog.
![Page 27: Speed as-a-feature](https://reader034.vdocument.in/reader034/viewer/2022052507/5583cdd8d8b42a61638b4c21/html5/thumbnails/27.jpg)
Make performance into a hack day.
![Page 28: Speed as-a-feature](https://reader034.vdocument.in/reader034/viewer/2022052507/5583cdd8d8b42a61638b4c21/html5/thumbnails/28.jpg)
Turn performance into a feature.
![Page 29: Speed as-a-feature](https://reader034.vdocument.in/reader034/viewer/2022052507/5583cdd8d8b42a61638b4c21/html5/thumbnails/29.jpg)
Oh yeah, install New Relic.
![Page 30: Speed as-a-feature](https://reader034.vdocument.in/reader034/viewer/2022052507/5583cdd8d8b42a61638b4c21/html5/thumbnails/30.jpg)
Get In Touch With Us
http://support.newrelic.com
@newrelic
![Page 31: Speed as-a-feature](https://reader034.vdocument.in/reader034/viewer/2022052507/5583cdd8d8b42a61638b4c21/html5/thumbnails/31.jpg)
Sources and credit:Some content for this presentation was graciously provided by:
http://www.readwriteweb.com/enterprise/2012/05/the-fastest-online-payment-processor-its-google.php
http://blog.newrelic.com/2011/12/22/are-external-services-slowing-you-down-new-relic-infographic-reveals-the-fastest-and-most-popular-external-apis/
http://www.webperformancetoday.com/2012/05/29/browser-innovation-14-web-performance-rules-faster-loading-websites/
http://blogs.keynote.com/the_watch/2012/06/facebook-failed-did-you-.html
http://www.phpied.com/css-and-the-critical-path/
http://dtrace.org/blogs/brendan/2012/02/29/the-use-method/
http://highscalability.com/blog/2012/5/16/big-list-of-20-common-bottlenecks.html
https://gist.github.com/2841832