31
You’re here because PERFORMANCE MATTERS

Speed as-a-feature

Embed Size (px)

Citation preview

Page 1: Speed as-a-feature

You’re here becausePERFORMANCE MATTERS

Page 2: Speed as-a-feature

I’m here to convince youSPEED IS A FEATURE

Page 3: Speed as-a-feature

Chris Kelly@amateurhuman

Page 4: Speed as-a-feature

Start with the

FACTS

Page 5: Speed as-a-feature

Loss inconversions

1s = 7%Additional pageload time

Page 6: Speed as-a-feature

Fewerpage views

1s = 11%Additional pageload time

Page 7: Speed as-a-feature

-100ms Page Load

+1%Revenue=

AMAZON+$480M per year

Page 8: Speed as-a-feature

Pause for a

CLICHÉ

Page 9: Speed as-a-feature

Time isMoney

Page 10: Speed as-a-feature

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

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

Built for

SPEED

Page 13: Speed as-a-feature

Where does the time go?

Page 14: Speed as-a-feature

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

Business in the

FRONT

Page 16: Speed as-a-feature

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

Facebook doesn’t always go down.

But when it does, it takes down the rest of the Internet.

Page 18: Speed as-a-feature

Get used to theWhite Page of Death

Page 19: Speed as-a-feature

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

Party in the

BACK

Page 21: Speed as-a-feature

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

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

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

So, now what’s

NEXT

Page 25: Speed as-a-feature

If you aren’t monitoring, start!

Page 26: Speed as-a-feature

Put performance in your backlog.

Page 27: Speed as-a-feature

Make performance into a hack day.

Page 28: Speed as-a-feature

Turn performance into a feature.

Page 29: Speed as-a-feature

Oh yeah, install New Relic.

Page 31: Speed as-a-feature

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