How fast are we

going now?

@souders

stevesouders.com/docs/html5devconf-howfast-20130401-corrected.pptxDisclaimer: This content does not necessarily reflect the opinions of my employer.

AT&T is the nation's fastest 4G LTE network for your

iPhone 5. As explained by kids, faster is better.

webperformancetoday.com/2013/03/27/top-ecommerce-sites-are-slower-than-they-were-last-year/

en.oreilly.com/velocity2009/public/schedule/detail/8523

…shaved 2.2 seconds off the average page load

time and increased download conversions by

15.4%!

blog.mozilla.com/metrics/category/website-optimization/

blog.mozilla.com/metrics/category/website-optimization/

…shaved 2.2 seconds off the average page load

time and increased download conversions by

15.4%!

en.oreilly.com/velocity2009/public/schedule/detail/7709

We made the new platform 60% faster and this

resulted in a 14% increase in donation conversions.

kylerush.net/blog/meet-the-obama-campaigns-250-million-fundraising-platform/

Connection Speed

akamai.com/stateoftheinternet/

Akamai

State of the Internet

Q3 2012

YoY: +4% +18%akamai.com/stateoftheinternet/

{

YoY: +68% +131% +30%akamai.com/stateoftheinternet/

{

Year-over-year:• global speeds are 4%

faster• US speeds are 18%

faster• US mobile speeds are

30-131% faster

techcrunch.com/2011/08/08/whats-the-fastest-web-browser-in-the-real-world-chrome/

zdnet.com/the-big-browser-benchmark-january-2013-edition-7000009776/

zdnet.com/the-big-browser-benchmark-january-2013-edition-7000009776/

Page Weight

327K (32%) bigger in one year

“All” URLs (70K to 300K URLs)

sample size may affect resultshttparchive.org/trends.php?s=All

“Top 1000” URLs

10/1 spike due to testing change

not apples-to-apples httparchive.org/trends.php?s=Top1000

CORRECT dataMar `12 Mar `13 Δ

total 822 K 1053 K 231 K

images 486 K 600 K 114 K

JS 163 K 188 K 25 K

Flash 84 K 75 K -9 K

HTML 35 K 42 K 7 K

CSS 30 K 36 K 6 K

font 3 K 11 K 8 K151 KWhere’s the other 80 K?

“other” resources

how many

Content-Type Mar `12 Mar `13Δ K/page

text/plain 823, 8K, 7K 778, 44K, 35K 28K

video/mp4 3, 316K, 1K 8, 2498K, 20K 19K

video/x-flv 7, 556K, 4K 16, 1262K, 21K 17K

application/octet-stream

158, 28K, 5K

187, 58K, 11K 6K

70 K

avg xfer size

(remember: “Top 1000”)

K/page

text/plain resources

URL regex Mar `12 Mar `13Δ K/page

.flv, .f4v 12, 146K, 2K

18, 1674K, 31K 29K

.ttf, .eot, .woff 59, 54K, 3K 75, 38K, 3K 0K

35 K per page= (778 reqs * 44K/req) / 975 pages

31 K – video

3 K – fonts

octet/stream resources

URL regex Mar `12 Mar `13Δ K/page

.flv,.f4v,.mp4,.swf

14, 56K, 1K 10, 652K, 7K 6K

.ttf, .eot, .woff 49, 41K, 2K 88, 42K, 4K 2K

11 K per page= (187 reqs * 58K/req) / 975 pages

7 K – video

4 K – fonts

COMPLETE dataMar `12 Mar `13 Δ

total 822 K 1053 K 231 K (28%)

images 486 K 600 K 114 K (23%)

JS 163 K 188 K 25 K (15%)

video 92 K 154 K 62 K (67%)

HTML 35 K 42 K 7 K (20%)

CSS 30 K 36 K 6 K (20%)

font 8 K 18 K 10 K (125%)

other 8 K 15 K 7 K (88%)

Year-over-year:*• pages 231K (28%)

heavier• images up 114K (23%)• video up 62K (67%)

* “Top 1000” URLs, transfer size

quality of craft

httparchive.org/trends.php?s=Top1000

httparchive.org/trends.php?s=Top1000

httparchive.org/trends.php?s=Top1000

httparchive.org/trends.php?s=Top1000

httparchive.org/trends.php?s=Top1000

httparchive.org/trends.php?s=Top1000

httparchive.org/trends.php?s=Top1000

Year-over-year:*• no significant change in

adoption of best practices

* “Top 1000” URLs

page

speed

webperformancetoday.com/

avg across ~900K measurements

synthetic: 1 browser, 1 location, 1 network

connection, etc.

window.onload

≠user

perception

3.3 seconds

window.onload

4.8 seconds

90% rendered

2.0 seconds

88% rendered

5.2 seconds

window.onload

“Speed Index”

“average time at which visible parts of the page are displayed”

sites.google.com/a/webpagetest.org/docs/using-webpagetest/metrics/speed-index

sneak previewPage Load Time, year-over-year

• desktop: 3.5% faster• mobile: 30% faster

Watch for Google blog post tomorrow!

Scorecard:• connections are faster• browsers getting faster• pages are heavier• best practices are flat• page load times are

faster

the Web is fast enough

WE’RE DONE!

April Fools!takeaways

watch video growthbetter performance metric

push best practicesmultiple CPUscaching

takeaways

Steve Souders

@souders

stevesouders.com/docs/html5devconf-howfast-20130401-corrected.pptx