37 Lessons on Optimizing Website Performance

37 Lessons I’ve Learned
on the Performance Front Lines
Joshua Bixby

This convergence of awareness,
even urgency, on the business side
and growing expertise in the tech
community around web performance
marks the beginning of a new industry
that I’m calling “WPO” – Web
Performance Optimization.

Steve Souders, May 2010


Way back in 2009...


Velocity 2010


Our earliest mobile findings


IE9 will not make pages faster by default


CDN doesn’t always = faster


Using Google Analytics as a proxy


Real-world mirrored proxy metrics


97% of mobile response time is at the front end


Big players are as guilty as the rest of us


1 out 4 top sites don’t use cache headers


3rd party scripts


“Mobile rage”
Not our
study,
but still
interesting


Latency over 3G varies hugely
Even when tested from the same location at the same time


35% of mobile visitors prefer the full site


Mobile: Full-site visitors spend more


Impact of delays on m-commerce metrics


Mobile: Impact of delay on bounce rate


Mobile: Impact of delays on return traffic


Average page views across browsers


Average time on site across browsers


Average bounce rate across browsers


Site speed and primary success?


Desktop latency ranges from 65-145ms


Mobile latency ranges from 90-190ms


Average web page is now 1 MB


Page size correlates to mobile load time


How does browser use vary through the day?


How does browser use vary over a week?


Finding the “performance poverty line”


Steve’s 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/


Ecommerce State of the Union (Fall 2012)


iPad 2 versus Galaxy Tablet

iPad 2 Galaxy Tablet

Platform iOS 5.1 Android 4.04

Browser Safari Android Browser

Processor 1 GHz Apple A5 1 GHz ARM

Display 9.5 inch 10.1-inch
512 MB DDR2 (1066 Mbit/s
Memory RAM) 1GB RAM

Cellular Radio 3G 3G
Class 12 (4+1/3+2/2+3/1+4
GPRS YES slots), 32 - 48 kbps

EDGE YES Class 12
HSDPA, 14.4 Mbps; HSDPA, 21 Mbps; HSUPA,
Speed HSUPA, 2 Mbps 5.76 Mbps

iPhone 4 versus Galaxy S

iPhone 4 Galaxy S

Platform iOS 4.1 Android 2.3.6


Processor 1GHz Apple A4 1GHz ARM

Display 3.5- inch 4-inch

Memory 512 MB eDRAM 512 MB RAM

Cellular Radio 3G 3G
Class 10 (4+1/3+2 slots), 32 - Class 12 (4+1/3+2/2+3/1+4
GPRS 48 kbps slots), 32 - 48 kbps

EDGE Class 10, 236.8 kbps Class 12
HSDPA, 7.2 Mbps; HSDPA, 7.2 Mbps; HSUPA,
Speed HSUPA, 5.76 Mbps 5.76 Mbps

iPhone 4 vs Galaxy S (3G)


3G compared to desktop


iPhone 5 versus Galaxy S3

iPhone 5 Galaxy S3

Platform iOS 6 Android 4.0.4


Processor 1.3GHz Apple A6 1.4 GHz quad-core ARM

Display 4-inch 4.8-inch

Memory 1G eDRAM 1GB RAM

Cellular Radio 3G/LTE 3G, 4G
Class 12 (4+1/3+2/2+3/1+4 slots),
GPRS YES 32 - 48 kbps

EDGE YES Class 12
DC-HSDPA, 42 Mbps; HSDPA, 21 Mbps;
HSUPA, 5.76 Mbps, LTE, 100 Mbps; HSDPA, 21 Mbps; HSUPA,
Speed Rev. A, up to 3.1 Mbps 5.76 Mbps

iPhone 5 vs Galaxy S3 (LTE)


LTE compared to desktop


Source: http://fuzzyco.com/outliers/


© 2012 Strangeloop Networks
2011 Strangeloop. Faster Websites. Automatically.
Strangeloop. Faster Websites. Automatically. 103

37 Lessons on Optimizing Website Performance

Recommended

Recommended

More Related Content

Similar to 37 Lessons on Optimizing Website Performance

Similar to 37 Lessons on Optimizing Website Performance (20)

More from Strangeloop

More from Strangeloop (9)

Recently uploaded

Recently uploaded (20)

37 Lessons on Optimizing Website Performance