Mike Bailey

Melbourne Ruby Users Group
        July, 2010
Go Faster, Webmaster!
Talks by techies from:

Google, Yahoo, Microsoft, Amazon, Twitter,
Facebook, Firefox, Firebug, Chrome, Internet
Explorer a...
The Need for Speed
The Need for Speed

"Average load time of a web page is 4.9 seconds"
              - Urs Hölzle, Google
The Google Analytics exit rate for different page load times collected from Wikia data. Measured over 29 million pageviews
The Need for Speed

"Average load time of a web page is 4.9 seconds"
              - Urs Hölzle, Google
The Need for Speed

  "Average load time of a web page is 4.9 seconds"
                - Urs Hölzle, Google

          "Th...
The Need for Speed

Google: +500 ms -20% traffic*
Amazon: +100 ms -1% sales*




     * http://bit.ly/9iRqAu
We monitor backend performance
but what about the front end?
the importance of frontend
               performance
               9%                91%




                 17        ...
time spent on the frontend
                             Empty Cache   Primed Cache
   www.aol.com                      97%...
The Performance Golden Rule

      80-90% of the end-user response time is
         spent on the frontend. Start there.
gr...
To Measure is to Know
To Measure is to Know

Firefox - Firebug -> Net Window
To Measure is to Know

Firefox - Firebug -> Net Window

Chrome, Safari -> Web Inspector
To Measure is to Know

Firefox - Firebug -> Net Window

Chrome, Safari -> Web Inspector

IE -> HTTPWatch ($395-$44,395)
To Measure is to Know
To Measure is to Know

webpagetest.org
To Measure is to Know

webpagetest.org
To Measure is to Know

webpagetest.org

Webmaster Tools -> Labs -> Site Performance
To Measure is to Know

webpagetest.org

Webmaster Tools -> Labs -> Site Performance

showslow.com
Commercial Monitoring Services

gomez.com

keynote.com

webmetrics.com
How do we speed up our pages?
How do we speed up our pages?
How do we speed up our pages?
1. MAKE FEWER HTTP REQUESTS
            2. USE A CDN
            3. ADD AN EXPIRES HEADER
            4. GZIP COMPONENTS
 ...
Analysis Tools
Analysis Tools

YSlow
Analysis Tools

YSlow

Page Speed
14 Rule Redux

Make Fewer Requests
- combine javascripts, stylesheets
- use css sprites
- reduce DNS lookups
- avoid redir...
Tools to Help

http://spriteme.org/

http://smush.it/

http://stevesouders.com/cuzillion/
The Problem(s) with TCP
The Problem(s) with TCP

RFC 2581 TCP Congestion Control
John Rauser http://oreil.ly/dkvpgM
John Rauser http://oreil.ly/dkvpgM
The Problem(s) with TCP

RFC 2581 TCP Congestion Control
The Problem(s) with TCP

RFC 2581 TCP Congestion Control

RFC 813 Delayed ACK
John Rauser http://oreil.ly/dkvpgM
John Rauser http://oreil.ly/dkvpgM
John Rauser http://oreil.ly/dkvpgM
Real World Data




http://mike.bailey.net.au/blog?p=38
The Problem(s) with TCP

RFC 2581 TCP Congestion Control

RFC 813 Delayed ACK
The Problem(s) with TCP

RFC 2581 TCP Congestion Control

RFC 813 Delayed ACK

Google have proposed improvements
Quick wins
Quick wins

Google AJAX Libraries API
Quick wins

Google AJAX Libraries API

GA Async Tracking Code
Want to learn more?

Videos from Velocity 2010 http://bit.ly/bL0Msz

Read Steve Souder's books,

"High Performance Web Sit...
Go Faster, Webmaster
Go Faster, Webmaster
Go Faster, Webmaster
Upcoming SlideShare
Loading in...5
×

Go Faster, Webmaster

1,303

Published on

Google, Amazon and Wikia have reported an increase in abandonment and decrease in conversions as page load time increases.

The average webpage takes 4.9 seconds to load. Most of the wait is on the frontend. The tools and best practices to reduce page load time are freely available. There is a strong business case to use them.

Fresh back from O'Reilly Velocity 2010, this is a presentation I gave to the Melbourne Ruby User Group.

Published in: Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,303
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
16
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Go Faster, Webmaster

  1. 1. Mike Bailey Melbourne Ruby Users Group July, 2010
  2. 2. Go Faster, Webmaster!
  3. 3. Talks by techies from: Google, Yahoo, Microsoft, Amazon, Twitter, Facebook, Firefox, Firebug, Chrome, Internet Explorer and more! 1200 attendees (sold out) Mostly technical audience
  4. 4. The Need for Speed
  5. 5. The Need for Speed "Average load time of a web page is 4.9 seconds" - Urs Hölzle, Google
  6. 6. The Google Analytics exit rate for different page load times collected from Wikia data. Measured over 29 million pageviews
  7. 7. The Need for Speed "Average load time of a web page is 4.9 seconds" - Urs Hölzle, Google
  8. 8. The Need for Speed "Average load time of a web page is 4.9 seconds" - Urs Hölzle, Google "The goal should be around 100 ms, the time it takes for a reader to turn the page in a book" - http://oreil.ly/bvYNk3
  9. 9. The Need for Speed Google: +500 ms -20% traffic* Amazon: +100 ms -1% sales* * http://bit.ly/9iRqAu
  10. 10. We monitor backend performance
  11. 11. but what about the front end?
  12. 12. the importance of frontend performance 9% 91% 17 83% % iGoogle, primed cache iGoogle, empty cache Steve Souders http://bit.ly/Zxh4m
  13. 13. time spent on the frontend Empty Cache Primed Cache www.aol.com 97% 97% www.ebay.com 95% 81% www.facebook.com 95% 81% www.google.com/search 47% 0% search.live.com/results 67% 0% www.msn.com 98% 94% www.myspace.com 98% 98% en.wikipedia.org/wiki 94% 91% www.yahoo.com 97% 96% www.youtube.com 98% 97% Steve Souders http://bit.ly/Zxh4m April 2008
  14. 14. The Performance Golden Rule 80-90% of the end-user response time is spent on the frontend. Start there. greater potential for improvement simpler proven to work Steve Souders http://bit.ly/Zxh4m
  15. 15. To Measure is to Know
  16. 16. To Measure is to Know Firefox - Firebug -> Net Window
  17. 17. To Measure is to Know Firefox - Firebug -> Net Window Chrome, Safari -> Web Inspector
  18. 18. To Measure is to Know Firefox - Firebug -> Net Window Chrome, Safari -> Web Inspector IE -> HTTPWatch ($395-$44,395)
  19. 19. To Measure is to Know
  20. 20. To Measure is to Know webpagetest.org
  21. 21. To Measure is to Know webpagetest.org
  22. 22. To Measure is to Know webpagetest.org Webmaster Tools -> Labs -> Site Performance
  23. 23. To Measure is to Know webpagetest.org Webmaster Tools -> Labs -> Site Performance showslow.com
  24. 24. Commercial Monitoring Services gomez.com keynote.com webmetrics.com
  25. 25. How do we speed up our pages?
  26. 26. How do we speed up our pages?
  27. 27. How do we speed up our pages?
  28. 28. 1. MAKE FEWER HTTP REQUESTS 2. USE A CDN 3. ADD AN EXPIRES HEADER 4. GZIP COMPONENTS 5. PUT STYLESHEETS AT THE TOP 6. PUT SCRIPTS AT THE BOTTOM 7. AVOID CSS EXPRESSIONS 14 RULES 8. MAKE JS AND CSS EXTERNAL 9. REDUCE DNS LOOKUPS 10. MINIFY JS 11. AVOID REDIRECTS 12. REMOVE DUPLICATE SCRIPTS 13. CONFIGURE ETAGS 14. MAKE AJAX CACHEABLE
  29. 29. Analysis Tools
  30. 30. Analysis Tools YSlow
  31. 31. Analysis Tools YSlow Page Speed
  32. 32. 14 Rule Redux Make Fewer Requests - combine javascripts, stylesheets - use css sprites - reduce DNS lookups - avoid redirects - enable proxy and browser caching of assets Make Smaller Requests - gzip components - optimize images - minify javascript
  33. 33. Tools to Help http://spriteme.org/ http://smush.it/ http://stevesouders.com/cuzillion/
  34. 34. The Problem(s) with TCP
  35. 35. The Problem(s) with TCP RFC 2581 TCP Congestion Control
  36. 36. John Rauser http://oreil.ly/dkvpgM
  37. 37. John Rauser http://oreil.ly/dkvpgM
  38. 38. The Problem(s) with TCP RFC 2581 TCP Congestion Control
  39. 39. The Problem(s) with TCP RFC 2581 TCP Congestion Control RFC 813 Delayed ACK
  40. 40. John Rauser http://oreil.ly/dkvpgM
  41. 41. John Rauser http://oreil.ly/dkvpgM
  42. 42. John Rauser http://oreil.ly/dkvpgM
  43. 43. Real World Data http://mike.bailey.net.au/blog?p=38
  44. 44. The Problem(s) with TCP RFC 2581 TCP Congestion Control RFC 813 Delayed ACK
  45. 45. The Problem(s) with TCP RFC 2581 TCP Congestion Control RFC 813 Delayed ACK Google have proposed improvements
  46. 46. Quick wins
  47. 47. Quick wins Google AJAX Libraries API
  48. 48. Quick wins Google AJAX Libraries API GA Async Tracking Code
  49. 49. Want to learn more? Videos from Velocity 2010 http://bit.ly/bL0Msz Read Steve Souder's books, "High Performance Web Sites" & "Even Faster Web Sites"
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×