how fast are we going now?
DESCRIPTION
Keynote for HTML5 Dev Conf, April 1 2013.TRANSCRIPT
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