+ Follow

Web Performance - A Whistlestop Tour

by Andy Davies

6,039 views

Slides from web performance talks at #DigiTalksChelt, Jan 2012

Slides from web performance talks at #DigiTalksChelt, Jan 2012

Notes, references and further reading in speakers notes

Accessibility

View text version

Upload Details

Uploaded via SlideShare as Apple Keynote

Usage Rights

File a copyright complaint

11 Embeds 2,390

http://andydavies.me	1089
http://www.andysnotebook.com	1040
http://127.0.0.1	65
http://andysnotebook.typepad.com	61
http://andysnotebook.com	51
http://feeds.feedburner.com	36
http://lanyrd.com	27
http://a0.twimg.com	11
https://twitter.com	6
http://www.onlydoo.com	2
http://us-w1.rockmelt.com	2

More...

Statistics

Likes: 5
Downloads: 74
Comments: 0
Embed Views: 2,390
Views on SlideShare: 3,649
Total Views: 6,039

Web Performance - A Whistlestop Tour Presentation Transcript

#DigiTalksChelt Jan 2012Web Performance - A Whistle Stop Tour...@andydavies http://www.ﬂickr.com/photos/blaxjax/170373495

7sAverage page load time of Fortune 500 websites

“...up to 57% of online consumers will abandon a site after waiting 3 seconds for a page to load” Strangeloop Networks http://www.ﬂickr.com/photos/macieklew/351554256

Slower sites have lower conversion rates http://www.ﬂickr.com/photos/nelc/1208393486

Improving performance raises conversions http://www.ﬂickr.com/photos/glasgows/444674524

Improving performance can save money http://www.ﬂickr.com/photos/mjohnso/5437331304

Measuring load time using page waterfalls Great diagnostic tool, but it’s a sample of one and we are not our users!

Real User Load Page Times 27% 24%Visitors (%) 13% 8% 8% 6% 6% 3% 3% 2% 1% 1 2 3 4 5 6 7 8 9 10 > 10 Load Time (s)

Google Analytics: Measuring Real Users Sample data generated by modern browsers and Google Toolbar - older browsers may not be represented accurately!

Other tools for measuring page load time http://www.ﬂickr.com/photos/wwarby/3297205226

80%of page load time is down to the front-end (May be as high as 97% for mobile users)

But, don’t forget about server performance... http://www.ﬂickr.com/photos/br1dotcom/4297736794

“More Bandwidth Doesn’t Matter (much)” Mike Belshe 3.11sPage Load Time 1.95s 1.63s 1.50s 1.44s 1.41s 1.39s 1.38s 1.37s 1.36s 1 2 3 4 5 6 7 8 9 10 Bandwidth (Mbps)

Cut down the number of requests http://www.ﬂickr.com/photos/mic_n_2_sugars/564570276

Put your pages on a diet http://www.ﬂickr.com/photos/europedistrict/4537909259

Understand how pages load

Don’t have to do it all by hand http://www.ﬂickr.com/photos/simeon_barkas/2557059247

http://www.slideshare.net/andydavies @andydavies http://www.ﬂickr.com/photos/auntiep/5024494612