High Speed Web Sites At Scale (Buddy Brewer)

1,621 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
1,621
On SlideShare
0
From Embeds
0
Number of Embeds
613
Actions
Shares
0
Downloads
19
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

High Speed Web Sites At Scale (Buddy Brewer)

  1. 1. High Speed Web Sites At Scale<br />Buddy Brewer<br />
  2. 2. About Buddy<br />I build web performance monitoring products and help companies make their sites faster<br />Co-Founder Log-Normal, Inc.<br />http://lognormal.com<br />@bbrewer<br />
  3. 3. Does speed matter?<br />
  4. 4.
  5. 5. How fast is my site?<br />
  6. 6. Synthetic monitoring<br />Benefits:<br /><ul><li>Object-level response times
  7. 7. Visibility into third-party performance
  8. 8. Visibility into HTTP headers (caching, compression, etc)</li></li></ul><li>Synthetic monitoring<br />Drawbacks:<br /><ul><li> Not representative of real users
  9. 9. Limited coverage of popular browsers
  10. 10. Limited insight into the experience of mobile users
  11. 11. Sometimes limited geographic coverage
  12. 12. Must know in advance what parts of your site you want to analyze</li></li></ul><li>Real User Monitoring<br />Benefits:<br /><ul><li> Represents the “truth” – by measuring real visitors to your site
  13. 13. You automatically measure the parts of your site that matter to users
  14. 14. Total browser coverage
  15. 15. Works equally well on today’s mobile and desktop web browsers</li></li></ul><li>Real User Monitoring<br />Drawbacks: <br /><ul><li> No object-level response times (yet)
  16. 16. Requires you to add code to your site</li></li></ul><li>Resources<br /><ul><li> Free / open source
  17. 17. Synthetic: WebPageTest (http://www.webpagetest.org)
  18. 18. Real user: boomerang.js (http://github.com/yahoo/boomerang)
  19. 19. Plenty of commercial options too</li></li></ul><li>Optimizations for high scale web sites<br />
  20. 20. Use the browser cache<br />Source: http://httparchive.org/interesting.php#max-age<br />
  21. 21. Compress, shed weight, limit requests<br />Source: http://httparchive.org/interesting.php#onLoad<br />
  22. 22. Watch out for third parties<br />Source: http://httparchive.org/trends.php#numDomains<br />
  23. 23. Consider using a content optimizer<br />
  24. 24. Summary<br /><ul><li> Remember that performance is critical to your success
  25. 25. Measure your site constantly
  26. 26. Engineer performance into your site in each release</li></li></ul><li>Questions<br />http://lognormal.com<br />@bbrewer<br />

×