Go Faster, Webmasters

Download Go Faster, Webmasters

Post on 10-May-2015

2.543 views

Category:

Technology

1 download

Embed Size (px)

DESCRIPTION

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.

TRANSCRIPT

<ul><li>1.Mike BaileyMelbourne Ruby Users Group July, 2010 </li></ul> <p>2. Go Faster, Webmaster! 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. The Need for Speed 5. The Need for Speed"Average load time of a web page is 4.9 seconds" - Urs Hlzle, Google 6. The Google Analytics exit rate for different page load times collected from Wikia data. Measured over 29 million pageviews 7. The Need for Speed"Average load time of a web page is 4.9 seconds" - Urs Hlzle, Google 8. The Need for Speed"Average load time of a web page is 4.9 seconds" - Urs Hlzle, 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. The Need for SpeedGoogle: +500 ms -20% traffic* Amazon: +100 ms -1% sales** http://bit.ly/9iRqAu 10. We monitor backend performance 11. but what about the front end? 12. the importance of frontendperformance9%91%17 83%% iGoogle, primed cache iGoogle, empty cache Steve Souders http://bit.ly/Zxh4m 13. time spent on the frontendEmpty Cache Primed Cachewww.aol.com97% 97%www.ebay.com 95% 81%www.facebook.com 95% 81%www.google.com/search47%0%search.live.com/results67%0%www.msn.com98% 94%www.myspace.com98% 98%en.wikipedia.org/wiki94% 91%www.yahoo.com97% 96%www.youtube.com98% 97% Steve Souders http://bit.ly/Zxh4mApril 2008 14. The Performance Golden Rule80-90% of the end-user response time isspent on the frontend. Start there. greater potential for improvement simpler proven to workSteve Souders http://bit.ly/Zxh4m 15. To Measure is to Know 16. To Measure is to KnowFirefox - Firebug -&gt; Net Window 17. To Measure is to KnowFirefox - Firebug -&gt; Net WindowChrome, Safari -&gt; Web Inspector 18. To Measure is to KnowFirefox - Firebug -&gt; Net WindowChrome, Safari -&gt; Web InspectorIE -&gt; HTTPWatch ($395-$44,395) 19. To Measure is to Know 20. To Measure is to Knowwebpagetest.org 21. To Measure is to Knowwebpagetest.org 22. To Measure is to Knowwebpagetest.orgWebmaster Tools -&gt; Labs -&gt; Site Performance 23. To Measure is to Knowwebpagetest.orgWebmaster Tools -&gt; Labs -&gt; Site Performanceshowslow.com 24. Commercial Monitoring Servicesgomez.comkeynote.comwebmetrics.com 25. How do we speed up our pages? 26. How do we speed up our pages? 27. How do we speed up our pages? 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 LOOKUPS10. MINIFY JS11. AVOID REDIRECTS12. REMOVE DUPLICATE SCRIPTS13. CONFIGURE ETAGS14. MAKE AJAX CACHEABLE 29. Analysis Tools 30. Analysis ToolsYSlow 31. Analysis ToolsYSlowPage Speed 32. 14 Rule ReduxMake Fewer Requests - combine javascripts, stylesheets - use css sprites - reduce DNS lookups - avoid redirects - enable proxy and browser caching of assetsMake Smaller Requests - gzip components - optimize images - minify javascript 33. Tools to Helphttp://spriteme.org/http://smush.it/http://stevesouders.com/cuzillion/ 34. The Problem(s) with TCP 35. The Problem(s) with TCPRFC 2581 TCP Congestion Control 36. John Rauser http://oreil.ly/dkvpgM 37. John Rauser http://oreil.ly/dkvpgM 38. The Problem(s) with TCPRFC 2581 TCP Congestion Control 39. The Problem(s) with TCPRFC 2581 TCP Congestion ControlRFC 813 Delayed ACK 40. John Rauser http://oreil.ly/dkvpgM 41. John Rauser http://oreil.ly/dkvpgM 42. John Rauser http://oreil.ly/dkvpgM 43. Real World Data http://mike.bailey.net.au/blog?p=38 44. The Problem(s) with TCPRFC 2581 TCP Congestion ControlRFC 813 Delayed ACK 45. The Problem(s) with TCPRFC 2581 TCP Congestion ControlRFC 813 Delayed ACKGoogle have proposed improvements 46. Quick wins 47. Quick winsGoogle AJAX Libraries API 48. Quick winsGoogle AJAX Libraries APIGA Async Tracking Code 49. Want to learn more?Videos from Velocity 2010 http://bit.ly/bL0MszRead Steve Souder's books,"High Performance Web Sites" &amp; "Even Faster Web Sites" </p>

Recommended

View more >