32
Turning your web performance to 11 Newman Scott Hunter http://driftlogic.net - @nshunter – [email protected]

Turning Your Website Performance to 11

  • View
    1.563

  • Download
    0

Embed Size (px)

DESCRIPTION

Talk presented at Confoo 2011 about performance, technologies, when to optimize, and some broad ideas about how to go about it.

Citation preview

Page 1: Turning Your Website Performance to 11

Turning your web performance to 11

Newman Scott Hunterhttp://driftlogic.net - @nshunter – [email protected]

Page 2: Turning Your Website Performance to 11
Page 3: Turning Your Website Performance to 11

Faster websites make more money.

Page 4: Turning Your Website Performance to 11

Source: http://www.slideshare.net/bitcurrent/impact-of-web-latency-on-conversion-rates

Page 5: Turning Your Website Performance to 11

Loading Times @ 4 Seconds, 75% of users will not choose to return to the site.

Source: http://www.eugeneloj.com/2006/12/the_user_attent.html

Page 6: Turning Your Website Performance to 11

Perception of PerformanceUser

HappynessTime

@ 100 ms“Okay, I did something.”

@ 1000 ms“Okay, I’m waiting for it to load”

@ 10000 ms“This site is F-ing SLOW.”

.

.

.

Source: http://www.useit.com/papers/responsetime.html

Page 7: Turning Your Website Performance to 11

Do I have a problem?

Page 8: Turning Your Website Performance to 11

Assessing Performance

Firebug

Page 9: Turning Your Website Performance to 11
Page 10: Turning Your Website Performance to 11

Assessing Performance

http://webpagetest.org

Page 11: Turning Your Website Performance to 11
Page 12: Turning Your Website Performance to 11
Page 13: Turning Your Website Performance to 11

Site’s Slow

Problem?

Page 14: Turning Your Website Performance to 11

Where’s the Problem?

Front End

• Images• CSS / Javascript / HTML• Flash / Video / Rich Media• Headers / Cookies

Back End• PHP / Python / Ruby / Java / etc.• Database• Caching• Asset Service

Page 15: Turning Your Website Performance to 11

Front End Issues

First Stop: Firebug

• Do we need everything on this page?• Video• Flash• Multiple Images• AJAX / Extraneous JS

Kongregate Front Page: 1.2 MB

Kongregate Game Page: 5.3 MBVS

Page 16: Turning Your Website Performance to 11

Front End Issues

http://code.google.com/speed/page-speed/

http://developer.yahoo.com/yslow/

Page 17: Turning Your Website Performance to 11
Page 18: Turning Your Website Performance to 11
Page 19: Turning Your Website Performance to 11

Apache Header Fix

Page 20: Turning Your Website Performance to 11

Back End Problems

Page 21: Turning Your Website Performance to 11

How do I know if I’m overloaded?

Page 22: Turning Your Website Performance to 11

Overloaded Server

Page 23: Turning Your Website Performance to 11

Munin Network Monitoring

Page 24: Turning Your Website Performance to 11

Monitoring Services

Open Source Free!

http://munin-monitoring.org/

Not Free! But Awesome.

http://cloudkick.com

Page 25: Turning Your Website Performance to 11

How do I FIND my problem / bottleneck ?

Page 26: Turning Your Website Performance to 11

Application Layer Monitoring

Page 27: Turning Your Website Performance to 11

Fixing ProblemsProblem

High Load / Multiple Assets / Large Database / etc..

Solution

Pay your way out.

• More hardware• Switch from Cloud to Physical• Integrate a CDN• Increase Pipe

Page 28: Turning Your Website Performance to 11

Fixing ProblemsProblem

Multiple Queries / Large Datasets / Multiple Large Assets

Solution

Add Additional Caching

Application Layer Presentation Layer

CDN

Page 29: Turning Your Website Performance to 11

Fixing ProblemsProblem

Slow Search / Large Search Dataset

Solution

Use a Search Appliance

Page 30: Turning Your Website Performance to 11

Fixing ProblemsProblem

Code Efficiency / Application Size / Language Issues

Solution

Code Refactoring

Change Runtime Environment / Application Server

Rewrite

Page 31: Turning Your Website Performance to 11

Chasing the Unicorn

Page 32: Turning Your Website Performance to 11

Thank You

Newman Scott Hunterhttp://driftlogic.net - @nshunter – scott @driftlogic.net