37 Lessons I've Learned on the Performance Front Lines [WebPerfDays 2012]

Embed Size (px)

DESCRIPTION

On October 5 at Web Perf Days London, Strangeloop president Joshua Bixby gave a web performance state of the union presentation. The reports mentioned are available for download at http://www.strangeloopnetworks.com/.

Citation preview

  • 1. 37 Lessons Ive Learnedon the Performance Front LinesJoshua Bixby

2. 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 4 3. 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 4 4. 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 4 5. 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 4 6. This convergence of awareness,even urgency, on the business sideand growing expertise in the techcommunity around web performancemarks the beginning of a new industrythat Im calling WPO WebPerformance Optimization.Steve Souders, May 2010 2012 Strangeloop NetworksStrangeloop. Faster Websites. Automatically. 6 7. 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 7 8. Way back in 2009... 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 8 9. Velocity 2010 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 9 10. 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 10 11. 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 11 12. Our earliest mobile findings 2012 Strangeloop NetworksStrangeloop. Faster Websites. Automatically. 12 13. 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 13 14. IE9 will not make pages faster by default 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 14 15. CDN doesnt always = faster 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 15 16. Using Google Analytics as a proxy 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 16 17. Real-world mirrored proxy metrics 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 17 18. 97% of mobile response time is at the front end 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 18 19. Big players are as guilty as the rest of us 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 19 20. 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 20 21. 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 21 22. 1 out 4 top sites dont use cache headers 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 22 23. 3rd party scripts 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 23 24. Mobile rage Not our study, but still interesting 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 24 25. Latency over 3G varies hugely Even when tested from the same location at the same time 2012 Strangeloop NetworksStrangeloop. Faster Websites. Automatically. 25 26. 35% of mobile visitors prefer the full site 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 26 27. Mobile: Full-site visitors spend more 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 27 28. Impact of delays on m-commerce metrics 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 28 29. Mobile: Impact of delay on bounce rate 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 29 30. Mobile: Impact of delays on return traffic 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 30 31. Average page views across browsers 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 31 32. Average time on site across browsers 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 32 33. Average bounce rate across browsers 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 33 34. 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 34 35. Site speed and primary success? 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 35 36. 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 36 37. Desktop latency ranges from 65-145ms 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 37 38. Mobile latency ranges from 90-190ms 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 38 39. Average web page is now 1 MB 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 39 40. Average web page is now 1 MB 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 40 41. 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 41 42. Page size correlates to mobile load time 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 42 43. How does browser use vary through the day? 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 43 44. How does browser use vary over a week? 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 44 45. Finding the performance poverty line 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 45 46. 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 46 47. Steves rules still apply http://www.webperformancetoday.com/2012/05/29/browser- innovation-14-web-performance-rules-faster-loading-websites/ http://www.webperformancetoday.com/2012/09/13/browser- innovation-performance-rules-faster-loading-websites-2/ 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 47 48. 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 48 49. Ecommerce State of the Union (Fall 2012) 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 49 50. 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 50 51. 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 51 52. 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 52 53. iPad 2 versus Galaxy Tablet iPad 2Galaxy TabletPlatform iOS 5.1Android 4.04Browser Safari Android BrowserProcessor1 GHz Apple A51 GHz ARMDisplay9.5 inch 10.1-inch 512 MB DDR2 (1066 Mbit/sMemoryRAM) 1GB RAMCellular Radio 3G3GClass 12 (4+1/3+2/2+3/1+4GPRS YESslots), 32 - 48 kbpsEDGEYESClass 12HSDPA, 14.4 Mbps; HSDPA, 21 Mbps; HSUPA,SpeedHSUPA, 2 Mbps5.76 Mbps 54. 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 94 55. iPhone 4 versus Galaxy S iPhone 4Galaxy SPlatformiOS 4.1 Android 2.3.6BrowserSafari Android BrowserProcessor 1GHz Apple A41GHz ARMDisplay3.5- inch 4-inchMemory 512 MB eDRAM 512 MB RAMCellular Radio3G 3G Class 10 (4+1/3+2 slots), 32 - Class 12 (4+1/3+2/2+3/1+4GPRS48 kbps slots), 32 - 48 kbpsEDGE Class 10, 236.8 kbps Class 12HSDPA, 7.2 Mbps;HSDPA, 7.2 Mbps; HSUPA,Speed HSUPA, 5.76 Mbps 5.76 Mbps 56. iPhone 4 vs Galaxy S (3G) 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 96 57. iPhone 4 vs Galaxy S (3G) 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 97 58. 3G compared to desktop 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 98 59. iPhone 5 versus Galaxy S3iPhone 5 Galaxy S3 Platform iOS 6 Android 4.0.4 BrowserSafari Android Browser Processor 1.3GHz Apple A6 1.4 GHz quad-core ARM Display4-inch 4.8-inch Memory 1G eDRAM1GB RAM Cellular Radio3G/LTE3G, 4G Class 12 (4+1/3+2/2+3/1+4 slots), GPRSYES32 - 48 kbps EDGEYES Class 12DC-HSDPA, 42 Mbps; HSDPA, 21 Mbps; HSUPA, 5.76 Mbps, LTE, 100 Mbps; HSDPA, 21 Mbps; HSUPA, SpeedRev. A, up to 3.1 Mbps5.76 Mbps 60. iPhone 5 vs Galaxy S3 (LTE) 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 100 61. LTE compared to desktop 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 101 62. 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 62 63. Source: http://fuzzyco.com/outliers/ 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 4 64. 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 64 65. 2012 Strangeloop Networks2011Strangeloop. Faster Websites. Automatically.Strangeloop. Faster Websites. Automatically. 103