SlideShare ist ein Scribd-Unternehmen logo
1 von 62
Downloaden Sie, um offline zu lesen
How fast
   are we
   going now?
@souders
stevesouders.com/docs/html5devconf-howfast-20130401-corrected.pptx
Disclaimer: This content does not necessarily reflect the opinions of my employer.
How fast are we going now?
How fast are we going now?
How fast are we going now?
How fast are we going now?
How fast are we going now?
How fast are we going now?
How fast are we going now?
How fast are we going now?
How fast are we going now?
How fast are we going now?
How fast are we going now?
How fast are we going now?
How fast are we going now?
How fast are we going now?
AT&T is the nation's fastest 4G LTE
network for your iPhone 5. As
explained by kids, faster is better.
How fast are we going now?
webperformancetoday.com/2013/03/27/top-ecommerce-sites-are-slower-than-they-were-last-year/
en.oreilly.com/velocity2009/public/schedule/detail/8523
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
          blog.mozilla.com/metrics/category/website-optimization/




…shaved 2.2 seconds off
the average page load time
and increased download
conversions by 15.4%!
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
State of the Internet




Q3 2012
                   akamai.com/stateoftheinternet/
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 results
                       httparchive.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 data
          Mar `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      7K
 CSS         30 K     36 K      6K
 font         3K      11 K      8K
Where’s the other 80 K?       151 K
“other” resources
                                                      Δ K/
  Content-Type       Mar `12          Mar `13         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- 158, 28K, 5K     187, 58K, 11K      6K
stream

                    how many
                                                      70 K
                                  avg xfer size
                                                  K/page
(remember: “Top 1000”)
text/plain resources
                                                    Δ K/
    URL regex         Mar `12         Mar `13       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
                                                   Δ K/
    URL regex          Mar `12        Mar `13      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 data
          Mar `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         8K       18 K    10 K (125%)
other        8K       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 preview
Page 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
April Fools!
 takeaways
 the Web is fast
     enough

WE’RE DONE!
takeaways
watch video growth
better performance metric
push best practices
multiple CPUs
caching
How fast are we going now?
Steve Souders
                                                       @souders
stevesouders.com/docs/html5devconf-howfast-20130401-corrected.pptx

Weitere ähnliche Inhalte

Was ist angesagt?

@media - Even Faster Web Sites
@media - Even Faster Web Sites@media - Even Faster Web Sites
@media - Even Faster Web SitesSteve Souders
 
Souders WPO Web2.0Expo
Souders WPO Web2.0ExpoSouders WPO Web2.0Expo
Souders WPO Web2.0Expoguest0b3d92d
 
JavaScript Performance (at SFJS)
JavaScript Performance (at SFJS)JavaScript Performance (at SFJS)
JavaScript Performance (at SFJS)Steve Souders
 
State of the resource timing api
State of the resource timing apiState of the resource timing api
State of the resource timing apiAaron Peters
 
Mobile Web Speed Bumps
Mobile Web Speed BumpsMobile Web Speed Bumps
Mobile Web Speed BumpsNicholas Zakas
 
[jqconatx] Adaptive Images for Responsive Web Design
[jqconatx] Adaptive Images for Responsive Web Design[jqconatx] Adaptive Images for Responsive Web Design
[jqconatx] Adaptive Images for Responsive Web DesignChristopher Schmitt
 
Web Directions South - Even Faster Web Sites
Web Directions South - Even Faster Web SitesWeb Directions South - Even Faster Web Sites
Web Directions South - Even Faster Web SitesSteve Souders
 
Website performance optimisation
Website performance optimisationWebsite performance optimisation
Website performance optimisationWebstock
 
Browser Wars Episode 1: The Phantom Menace
Browser Wars Episode 1: The Phantom MenaceBrowser Wars Episode 1: The Phantom Menace
Browser Wars Episode 1: The Phantom MenaceNicholas Zakas
 
Web Performance 101
Web Performance 101Web Performance 101
Web Performance 101Uri Lavi
 
Webview: The fifth element
Webview: The fifth elementWebview: The fifth element
Webview: The fifth elementFernando Cejas
 
Progressive Enhancement 2.0 (Conference Agnostic)
Progressive Enhancement 2.0 (Conference Agnostic)Progressive Enhancement 2.0 (Conference Agnostic)
Progressive Enhancement 2.0 (Conference Agnostic)Nicholas Zakas
 
Sniffing the Mobile Context
Sniffing the Mobile ContextSniffing the Mobile Context
Sniffing the Mobile ContextAndy Davies
 
Speed is Essential for a Great Web Experience
Speed is Essential for a Great Web ExperienceSpeed is Essential for a Great Web Experience
Speed is Essential for a Great Web ExperienceAndy Davies
 
Preconnect, prefetch, prerender...
Preconnect, prefetch, prerender...Preconnect, prefetch, prerender...
Preconnect, prefetch, prerender...MilanAryal
 
Building High Performance Websites - Session-1
Building High Performance Websites - Session-1Building High Performance Websites - Session-1
Building High Performance Websites - Session-1Usama Nada
 
High Performance Snippets
High Performance SnippetsHigh Performance Snippets
High Performance SnippetsSteve Souders
 
jQuery Conference Chicago - September 2014
jQuery Conference Chicago - September 2014jQuery Conference Chicago - September 2014
jQuery Conference Chicago - September 2014dmethvin
 
High Performance JavaScript (Amazon DevCon 2011)
High Performance JavaScript (Amazon DevCon 2011)High Performance JavaScript (Amazon DevCon 2011)
High Performance JavaScript (Amazon DevCon 2011)Nicholas Zakas
 

Was ist angesagt? (20)

@media - Even Faster Web Sites
@media - Even Faster Web Sites@media - Even Faster Web Sites
@media - Even Faster Web Sites
 
Souders WPO Web2.0Expo
Souders WPO Web2.0ExpoSouders WPO Web2.0Expo
Souders WPO Web2.0Expo
 
JavaScript Performance (at SFJS)
JavaScript Performance (at SFJS)JavaScript Performance (at SFJS)
JavaScript Performance (at SFJS)
 
State of the resource timing api
State of the resource timing apiState of the resource timing api
State of the resource timing api
 
Mobile Web Speed Bumps
Mobile Web Speed BumpsMobile Web Speed Bumps
Mobile Web Speed Bumps
 
[jqconatx] Adaptive Images for Responsive Web Design
[jqconatx] Adaptive Images for Responsive Web Design[jqconatx] Adaptive Images for Responsive Web Design
[jqconatx] Adaptive Images for Responsive Web Design
 
Web Directions South - Even Faster Web Sites
Web Directions South - Even Faster Web SitesWeb Directions South - Even Faster Web Sites
Web Directions South - Even Faster Web Sites
 
Website performance optimisation
Website performance optimisationWebsite performance optimisation
Website performance optimisation
 
Browser Wars Episode 1: The Phantom Menace
Browser Wars Episode 1: The Phantom MenaceBrowser Wars Episode 1: The Phantom Menace
Browser Wars Episode 1: The Phantom Menace
 
Web Performance 101
Web Performance 101Web Performance 101
Web Performance 101
 
Webview: The fifth element
Webview: The fifth elementWebview: The fifth element
Webview: The fifth element
 
Progressive Enhancement 2.0 (Conference Agnostic)
Progressive Enhancement 2.0 (Conference Agnostic)Progressive Enhancement 2.0 (Conference Agnostic)
Progressive Enhancement 2.0 (Conference Agnostic)
 
Sniffing the Mobile Context
Sniffing the Mobile ContextSniffing the Mobile Context
Sniffing the Mobile Context
 
Speed is Essential for a Great Web Experience
Speed is Essential for a Great Web ExperienceSpeed is Essential for a Great Web Experience
Speed is Essential for a Great Web Experience
 
Speed Index, explained!
Speed Index, explained!Speed Index, explained!
Speed Index, explained!
 
Preconnect, prefetch, prerender...
Preconnect, prefetch, prerender...Preconnect, prefetch, prerender...
Preconnect, prefetch, prerender...
 
Building High Performance Websites - Session-1
Building High Performance Websites - Session-1Building High Performance Websites - Session-1
Building High Performance Websites - Session-1
 
High Performance Snippets
High Performance SnippetsHigh Performance Snippets
High Performance Snippets
 
jQuery Conference Chicago - September 2014
jQuery Conference Chicago - September 2014jQuery Conference Chicago - September 2014
jQuery Conference Chicago - September 2014
 
High Performance JavaScript (Amazon DevCon 2011)
High Performance JavaScript (Amazon DevCon 2011)High Performance JavaScript (Amazon DevCon 2011)
High Performance JavaScript (Amazon DevCon 2011)
 

Andere mochten auch

Future-Proofing Your Digital Media Storage
Future-Proofing Your Digital Media StorageFuture-Proofing Your Digital Media Storage
Future-Proofing Your Digital Media StorageNexsan by Imation
 
Wounded Warrior Project 8K Run Program
Wounded Warrior Project 8K Run ProgramWounded Warrior Project 8K Run Program
Wounded Warrior Project 8K Run ProgramPhil Monkress
 
Consideration of issues for archiving of 4K/8K. Arai Hirokazu, NHK
Consideration of issues for archiving of 4K/8K. Arai Hirokazu, NHKConsideration of issues for archiving of 4K/8K. Arai Hirokazu, NHK
Consideration of issues for archiving of 4K/8K. Arai Hirokazu, NHKFIAT/IFTA
 
MC9RS08KA8/4 Introduction
MC9RS08KA8/4 IntroductionMC9RS08KA8/4 Introduction
MC9RS08KA8/4 IntroductionPremier Farnell
 
SD Yayından 8K Yayına Geçiş (SD Broadcast to 8K Broadcast)
SD Yayından 8K Yayına Geçiş (SD Broadcast to 8K Broadcast)SD Yayından 8K Yayına Geçiş (SD Broadcast to 8K Broadcast)
SD Yayından 8K Yayına Geçiş (SD Broadcast to 8K Broadcast)İsmail Emiroğlu
 
Perf Storwize V7000 Eng
Perf Storwize V7000 EngPerf Storwize V7000 Eng
Perf Storwize V7000 EngOleg Korol
 
Digital Image Basics
Digital Image BasicsDigital Image Basics
Digital Image Basicsmturre
 
Product Plan - LG TV
Product Plan - LG TV Product Plan - LG TV
Product Plan - LG TV Seb Sear
 
Future of TV: the 8K Experience
Future of TV: the 8K Experience Future of TV: the 8K Experience
Future of TV: the 8K Experience Leandro Ciuffo
 
8k high resolution camera
8k high resolution camera8k high resolution camera
8k high resolution cameraAnkit Tandekar
 
8K Miles - User Identity Governance & Compliance
8K Miles - User Identity Governance & Compliance8K Miles - User Identity Governance & Compliance
8K Miles - User Identity Governance & ComplianceRamprasshanth Viswanathan
 
8 k shd presentation
8 k shd presentation8 k shd presentation
8 k shd presentationvanshkumar20
 
Web UI Design Patterns 2014
Web UI Design Patterns 2014Web UI Design Patterns 2014
Web UI Design Patterns 2014Lewis Lin 🦊
 
Emerging 8K services and their applications towards 2020
Emerging 8K services and their applications towards 2020Emerging 8K services and their applications towards 2020
Emerging 8K services and their applications towards 2020ITU
 
MHL at CES 2016
MHL at CES 2016MHL at CES 2016
MHL at CES 2016MHL Tech
 
Cracking the Interview Skills (Coding, Soft Skills, Product Management) Handouts
Cracking the Interview Skills (Coding, Soft Skills, Product Management) HandoutsCracking the Interview Skills (Coding, Soft Skills, Product Management) Handouts
Cracking the Interview Skills (Coding, Soft Skills, Product Management) HandoutsGayle McDowell
 
Cracking the PM Interview
Cracking the PM InterviewCracking the PM Interview
Cracking the PM InterviewGayle McDowell
 
"Advanced 4K/ UHD" - Mesclado/ EURECOM
"Advanced 4K/ UHD" - Mesclado/ EURECOM"Advanced 4K/ UHD" - Mesclado/ EURECOM
"Advanced 4K/ UHD" - Mesclado/ EURECOMMesclado
 
"4K/ UHD Advanced"
"4K/ UHD Advanced""4K/ UHD Advanced"
"4K/ UHD Advanced"Mesclado
 

Andere mochten auch (20)

Future-Proofing Your Digital Media Storage
Future-Proofing Your Digital Media StorageFuture-Proofing Your Digital Media Storage
Future-Proofing Your Digital Media Storage
 
Wounded Warrior Project 8K Run Program
Wounded Warrior Project 8K Run ProgramWounded Warrior Project 8K Run Program
Wounded Warrior Project 8K Run Program
 
Consideration of issues for archiving of 4K/8K. Arai Hirokazu, NHK
Consideration of issues for archiving of 4K/8K. Arai Hirokazu, NHKConsideration of issues for archiving of 4K/8K. Arai Hirokazu, NHK
Consideration of issues for archiving of 4K/8K. Arai Hirokazu, NHK
 
MC9RS08KA8/4 Introduction
MC9RS08KA8/4 IntroductionMC9RS08KA8/4 Introduction
MC9RS08KA8/4 Introduction
 
SD Yayından 8K Yayına Geçiş (SD Broadcast to 8K Broadcast)
SD Yayından 8K Yayına Geçiş (SD Broadcast to 8K Broadcast)SD Yayından 8K Yayına Geçiş (SD Broadcast to 8K Broadcast)
SD Yayından 8K Yayına Geçiş (SD Broadcast to 8K Broadcast)
 
Perf Storwize V7000 Eng
Perf Storwize V7000 EngPerf Storwize V7000 Eng
Perf Storwize V7000 Eng
 
Digital Image Basics
Digital Image BasicsDigital Image Basics
Digital Image Basics
 
Product Plan - LG TV
Product Plan - LG TV Product Plan - LG TV
Product Plan - LG TV
 
Sem vaibhav belkhude
Sem vaibhav belkhudeSem vaibhav belkhude
Sem vaibhav belkhude
 
Future of TV: the 8K Experience
Future of TV: the 8K Experience Future of TV: the 8K Experience
Future of TV: the 8K Experience
 
8k high resolution camera
8k high resolution camera8k high resolution camera
8k high resolution camera
 
8K Miles - User Identity Governance & Compliance
8K Miles - User Identity Governance & Compliance8K Miles - User Identity Governance & Compliance
8K Miles - User Identity Governance & Compliance
 
8 k shd presentation
8 k shd presentation8 k shd presentation
8 k shd presentation
 
Web UI Design Patterns 2014
Web UI Design Patterns 2014Web UI Design Patterns 2014
Web UI Design Patterns 2014
 
Emerging 8K services and their applications towards 2020
Emerging 8K services and their applications towards 2020Emerging 8K services and their applications towards 2020
Emerging 8K services and their applications towards 2020
 
MHL at CES 2016
MHL at CES 2016MHL at CES 2016
MHL at CES 2016
 
Cracking the Interview Skills (Coding, Soft Skills, Product Management) Handouts
Cracking the Interview Skills (Coding, Soft Skills, Product Management) HandoutsCracking the Interview Skills (Coding, Soft Skills, Product Management) Handouts
Cracking the Interview Skills (Coding, Soft Skills, Product Management) Handouts
 
Cracking the PM Interview
Cracking the PM InterviewCracking the PM Interview
Cracking the PM Interview
 
"Advanced 4K/ UHD" - Mesclado/ EURECOM
"Advanced 4K/ UHD" - Mesclado/ EURECOM"Advanced 4K/ UHD" - Mesclado/ EURECOM
"Advanced 4K/ UHD" - Mesclado/ EURECOM
 
"4K/ UHD Advanced"
"4K/ UHD Advanced""4K/ UHD Advanced"
"4K/ UHD Advanced"
 

Ähnlich wie How fast are we going now?

Mobile web performance - MoDev East
Mobile web performance - MoDev EastMobile web performance - MoDev East
Mobile web performance - MoDev EastPatrick Meenan
 
Raiders of the Fast Start: Frontend Performance Archaeology PerfmattersConf 2018
Raiders of the Fast Start: Frontend Performance Archaeology PerfmattersConf 2018Raiders of the Fast Start: Frontend Performance Archaeology PerfmattersConf 2018
Raiders of the Fast Start: Frontend Performance Archaeology PerfmattersConf 2018Katie Sylor-Miller
 
Performance culture through the looking-glass - performance.now() 2022
Performance culture through the looking-glass - performance.now() 2022Performance culture through the looking-glass - performance.now() 2022
Performance culture through the looking-glass - performance.now() 2022Dora Militaru
 
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...Katie Sylor-Miller
 
NU Web Steering Committee - Oct 11 - Web Performance
NU Web Steering Committee - Oct 11 - Web PerformanceNU Web Steering Committee - Oct 11 - Web Performance
NU Web Steering Committee - Oct 11 - Web PerformanceLee Roberson
 
Raiders of the Fast Start: Frontend Performance Achaeology - Fluent 2018
Raiders of the Fast Start: Frontend Performance Achaeology - Fluent 2018Raiders of the Fast Start: Frontend Performance Achaeology - Fluent 2018
Raiders of the Fast Start: Frontend Performance Achaeology - Fluent 2018Katie Sylor-Miller
 
GTMetrix Report For GPStrackingMart.com
GTMetrix Report For GPStrackingMart.comGTMetrix Report For GPStrackingMart.com
GTMetrix Report For GPStrackingMart.comRabius Sany
 
5 steps to faster web sites & HTML5 games - updated for DDDscot
5 steps to faster web sites & HTML5 games - updated for DDDscot5 steps to faster web sites & HTML5 games - updated for DDDscot
5 steps to faster web sites & HTML5 games - updated for DDDscotMichael Ewins
 
Windy cityrails performance_tuning
Windy cityrails performance_tuningWindy cityrails performance_tuning
Windy cityrails performance_tuningJohn McCaffrey
 
Ruby on Rails Performance Tuning. Make it faster, make it better (WindyCityRa...
Ruby on Rails Performance Tuning. Make it faster, make it better (WindyCityRa...Ruby on Rails Performance Tuning. Make it faster, make it better (WindyCityRa...
Ruby on Rails Performance Tuning. Make it faster, make it better (WindyCityRa...John McCaffrey
 
5 Steps to Faster Web Sites and HTML5 Games
5 Steps to Faster Web Sites and HTML5 Games5 Steps to Faster Web Sites and HTML5 Games
5 Steps to Faster Web Sites and HTML5 GamesMichael Ewins
 
Image-ine That: Image Optimization for Conversion Maximization
Image-ine That: Image Optimization for Conversion MaximizationImage-ine That: Image Optimization for Conversion Maximization
Image-ine That: Image Optimization for Conversion MaximizationYottaa
 
Scaling a Rails Application from the Bottom Up
Scaling a Rails Application from the Bottom Up Scaling a Rails Application from the Bottom Up
Scaling a Rails Application from the Bottom Up Abhishek Singh
 
Its timetostopstalling mobilecologne
Its timetostopstalling mobilecologneIts timetostopstalling mobilecologne
Its timetostopstalling mobilecologneDoug Sillars
 
Jon Arne Sæterås - Give Responsive Design a mobile performance boost
Jon Arne Sæterås - Give Responsive Design a mobile performance boost Jon Arne Sæterås - Give Responsive Design a mobile performance boost
Jon Arne Sæterås - Give Responsive Design a mobile performance boost DevConFu
 
That's Web? Extreme Optimization for the Mobile Web (Oct 2012)
That's Web? Extreme Optimization for the Mobile Web (Oct 2012)That's Web? Extreme Optimization for the Mobile Web (Oct 2012)
That's Web? Extreme Optimization for the Mobile Web (Oct 2012)Glan Thomas
 
BNC Tech Forum 09: Lexcycle Stanza demo
BNC Tech Forum 09: Lexcycle Stanza demoBNC Tech Forum 09: Lexcycle Stanza demo
BNC Tech Forum 09: Lexcycle Stanza demoBookNet Canada
 
Stefan Judis "Did we(b development) lose the right direction?"
Stefan Judis "Did we(b development) lose the right direction?"Stefan Judis "Did we(b development) lose the right direction?"
Stefan Judis "Did we(b development) lose the right direction?"Fwdays
 

Ähnlich wie How fast are we going now? (20)

Mobile web performance - MoDev East
Mobile web performance - MoDev EastMobile web performance - MoDev East
Mobile web performance - MoDev East
 
Raiders of the Fast Start: Frontend Performance Archaeology PerfmattersConf 2018
Raiders of the Fast Start: Frontend Performance Archaeology PerfmattersConf 2018Raiders of the Fast Start: Frontend Performance Archaeology PerfmattersConf 2018
Raiders of the Fast Start: Frontend Performance Archaeology PerfmattersConf 2018
 
Performance culture through the looking-glass - performance.now() 2022
Performance culture through the looking-glass - performance.now() 2022Performance culture through the looking-glass - performance.now() 2022
Performance culture through the looking-glass - performance.now() 2022
 
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...
 
NU Web Steering Committee - Oct 11 - Web Performance
NU Web Steering Committee - Oct 11 - Web PerformanceNU Web Steering Committee - Oct 11 - Web Performance
NU Web Steering Committee - Oct 11 - Web Performance
 
Raiders of the Fast Start: Frontend Performance Achaeology - Fluent 2018
Raiders of the Fast Start: Frontend Performance Achaeology - Fluent 2018Raiders of the Fast Start: Frontend Performance Achaeology - Fluent 2018
Raiders of the Fast Start: Frontend Performance Achaeology - Fluent 2018
 
GTMetrix Report For GPStrackingMart.com
GTMetrix Report For GPStrackingMart.comGTMetrix Report For GPStrackingMart.com
GTMetrix Report For GPStrackingMart.com
 
5 steps to faster web sites & HTML5 games - updated for DDDscot
5 steps to faster web sites & HTML5 games - updated for DDDscot5 steps to faster web sites & HTML5 games - updated for DDDscot
5 steps to faster web sites & HTML5 games - updated for DDDscot
 
Windy cityrails performance_tuning
Windy cityrails performance_tuningWindy cityrails performance_tuning
Windy cityrails performance_tuning
 
Ruby on Rails Performance Tuning. Make it faster, make it better (WindyCityRa...
Ruby on Rails Performance Tuning. Make it faster, make it better (WindyCityRa...Ruby on Rails Performance Tuning. Make it faster, make it better (WindyCityRa...
Ruby on Rails Performance Tuning. Make it faster, make it better (WindyCityRa...
 
5 Steps to Faster Web Sites and HTML5 Games
5 Steps to Faster Web Sites and HTML5 Games5 Steps to Faster Web Sites and HTML5 Games
5 Steps to Faster Web Sites and HTML5 Games
 
Image-ine That: Image Optimization for Conversion Maximization
Image-ine That: Image Optimization for Conversion MaximizationImage-ine That: Image Optimization for Conversion Maximization
Image-ine That: Image Optimization for Conversion Maximization
 
Scaling a Rails Application from the Bottom Up
Scaling a Rails Application from the Bottom Up Scaling a Rails Application from the Bottom Up
Scaling a Rails Application from the Bottom Up
 
Its timetostopstalling mobilecologne
Its timetostopstalling mobilecologneIts timetostopstalling mobilecologne
Its timetostopstalling mobilecologne
 
Jon Arne Sæterås - Give Responsive Design a mobile performance boost
Jon Arne Sæterås - Give Responsive Design a mobile performance boost Jon Arne Sæterås - Give Responsive Design a mobile performance boost
Jon Arne Sæterås - Give Responsive Design a mobile performance boost
 
Markup As An Api
Markup As An ApiMarkup As An Api
Markup As An Api
 
RESTful OGC Services
RESTful OGC ServicesRESTful OGC Services
RESTful OGC Services
 
That's Web? Extreme Optimization for the Mobile Web (Oct 2012)
That's Web? Extreme Optimization for the Mobile Web (Oct 2012)That's Web? Extreme Optimization for the Mobile Web (Oct 2012)
That's Web? Extreme Optimization for the Mobile Web (Oct 2012)
 
BNC Tech Forum 09: Lexcycle Stanza demo
BNC Tech Forum 09: Lexcycle Stanza demoBNC Tech Forum 09: Lexcycle Stanza demo
BNC Tech Forum 09: Lexcycle Stanza demo
 
Stefan Judis "Did we(b development) lose the right direction?"
Stefan Judis "Did we(b development) lose the right direction?"Stefan Judis "Did we(b development) lose the right direction?"
Stefan Judis "Did we(b development) lose the right direction?"
 

Mehr von Steve Souders

Make JavaScript Faster
Make JavaScript FasterMake JavaScript Faster
Make JavaScript FasterSteve Souders
 
The Perception of Speed
The Perception of SpeedThe Perception of Speed
The Perception of SpeedSteve Souders
 
High Performance Web Components
High Performance Web ComponentsHigh Performance Web Components
High Performance Web ComponentsSteve Souders
 
Your Script Just Killed My Site
Your Script Just Killed My SiteYour Script Just Killed My Site
Your Script Just Killed My SiteSteve Souders
 
Souders WPO Web 2.0 Expo
Souders WPO Web 2.0 ExpoSouders WPO Web 2.0 Expo
Souders WPO Web 2.0 ExpoSteve Souders
 
Even Faster Web Sites at jQuery Conference '09
Even Faster Web Sites at jQuery Conference '09Even Faster Web Sites at jQuery Conference '09
Even Faster Web Sites at jQuery Conference '09Steve Souders
 
Browserscope Launch at TAE
Browserscope Launch at TAEBrowserscope Launch at TAE
Browserscope Launch at TAESteve Souders
 
Even Faster Web Sites at The Ajax Experience
Even Faster Web Sites at The Ajax ExperienceEven Faster Web Sites at The Ajax Experience
Even Faster Web Sites at The Ajax ExperienceSteve Souders
 
SXSW: Even Faster Web Sites
SXSW: Even Faster Web SitesSXSW: Even Faster Web Sites
SXSW: Even Faster Web SitesSteve Souders
 

Mehr von Steve Souders (13)

Make JavaScript Faster
Make JavaScript FasterMake JavaScript Faster
Make JavaScript Faster
 
Metrics of Joy
Metrics of JoyMetrics of Joy
Metrics of Joy
 
The Perception of Speed
The Perception of SpeedThe Perception of Speed
The Perception of Speed
 
High Performance Web Components
High Performance Web ComponentsHigh Performance Web Components
High Performance Web Components
 
Cache is King
Cache is KingCache is King
Cache is King
 
Your Script Just Killed My Site
Your Script Just Killed My SiteYour Script Just Killed My Site
Your Script Just Killed My Site
 
Souders WPO Web 2.0 Expo
Souders WPO Web 2.0 ExpoSouders WPO Web 2.0 Expo
Souders WPO Web 2.0 Expo
 
JSConf US 2010
JSConf US 2010JSConf US 2010
JSConf US 2010
 
CouchDB Google
CouchDB GoogleCouchDB Google
CouchDB Google
 
Even Faster Web Sites at jQuery Conference '09
Even Faster Web Sites at jQuery Conference '09Even Faster Web Sites at jQuery Conference '09
Even Faster Web Sites at jQuery Conference '09
 
Browserscope Launch at TAE
Browserscope Launch at TAEBrowserscope Launch at TAE
Browserscope Launch at TAE
 
Even Faster Web Sites at The Ajax Experience
Even Faster Web Sites at The Ajax ExperienceEven Faster Web Sites at The Ajax Experience
Even Faster Web Sites at The Ajax Experience
 
SXSW: Even Faster Web Sites
SXSW: Even Faster Web SitesSXSW: Even Faster Web Sites
SXSW: Even Faster Web Sites
 

Kürzlich hochgeladen

VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXTarek Kalaji
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1DianaGray10
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsSafe Software
 
The Kubernetes Gateway API and its role in Cloud Native API Management
The Kubernetes Gateway API and its role in Cloud Native API ManagementThe Kubernetes Gateway API and its role in Cloud Native API Management
The Kubernetes Gateway API and its role in Cloud Native API ManagementNuwan Dias
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Websitedgelyza
 
IEEE Computer Society’s Strategic Activities and Products including SWEBOK Guide
IEEE Computer Society’s Strategic Activities and Products including SWEBOK GuideIEEE Computer Society’s Strategic Activities and Products including SWEBOK Guide
IEEE Computer Society’s Strategic Activities and Products including SWEBOK GuideHironori Washizaki
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding TeamAdam Moalla
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostMatt Ray
 
99.99% of Your Traces Are (Probably) Trash (SRECon NA 2024).pdf
99.99% of Your Traces  Are (Probably) Trash (SRECon NA 2024).pdf99.99% of Your Traces  Are (Probably) Trash (SRECon NA 2024).pdf
99.99% of Your Traces Are (Probably) Trash (SRECon NA 2024).pdfPaige Cruz
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAshyamraj55
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationIES VE
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesMd Hossain Ali
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDELiveplex
 
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfJamie (Taka) Wang
 
Valere | Digital Solutions & AI Transformation Portfolio | 2024
Valere | Digital Solutions & AI Transformation Portfolio | 2024Valere | Digital Solutions & AI Transformation Portfolio | 2024
Valere | Digital Solutions & AI Transformation Portfolio | 2024Alexander Turgeon
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPathCommunity
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Will Schroeder
 

Kürzlich hochgeladen (20)

VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBX
 
201610817 - edge part1
201610817 - edge part1201610817 - edge part1
201610817 - edge part1
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
 
The Kubernetes Gateway API and its role in Cloud Native API Management
The Kubernetes Gateway API and its role in Cloud Native API ManagementThe Kubernetes Gateway API and its role in Cloud Native API Management
The Kubernetes Gateway API and its role in Cloud Native API Management
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Website
 
IEEE Computer Society’s Strategic Activities and Products including SWEBOK Guide
IEEE Computer Society’s Strategic Activities and Products including SWEBOK GuideIEEE Computer Society’s Strategic Activities and Products including SWEBOK Guide
IEEE Computer Society’s Strategic Activities and Products including SWEBOK Guide
 
20230104 - machine vision
20230104 - machine vision20230104 - machine vision
20230104 - machine vision
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
 
99.99% of Your Traces Are (Probably) Trash (SRECon NA 2024).pdf
99.99% of Your Traces  Are (Probably) Trash (SRECon NA 2024).pdf99.99% of Your Traces  Are (Probably) Trash (SRECon NA 2024).pdf
99.99% of Your Traces Are (Probably) Trash (SRECon NA 2024).pdf
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
 
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
 
Valere | Digital Solutions & AI Transformation Portfolio | 2024
Valere | Digital Solutions & AI Transformation Portfolio | 2024Valere | Digital Solutions & AI Transformation Portfolio | 2024
Valere | Digital Solutions & AI Transformation Portfolio | 2024
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation Developers
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
 

How fast are we going now?

Hinweis der Redaktion

  1. YtseJam Photography, "Going nowhere fast", http://www.flickr.com/photos/thatguyfromcchs08/2300190277/
  2. GENERALLY SLOW IS BADhttp://www.flickr.com/photos/msvg/4476789745/
  3. http://www.flickr.com/photos/silent_e/406944364/
  4. SLOW IS BADhttp://www.flickr.com/photos/iwona_kellie/4867301081/
  5. http://www.flickr.com/photos/stuant63/3159936302/
  6. http://www.flickr.com/photos/cwinters/4561002487/
  7. http://www.flickr.com/photos/bruce-camera/5244072368/
  8. http://www.flickr.com/photos/94213193@N00/324472983/
  9. http://www.flickr.com/photos/ngarkat/806196696/
  10. http://www.flickr.com/photos/chadfust/999798684/
  11. http://www.flickr.com/photos/matman/661077091/
  12. http://www.flickr.com/photos/lizhaslam/6255976169/
  13. http://www.flickr.com/photos/mommypants/3189190946/
  14. http://www.flickr.com/photos/w4nd3rl0st/5944487713/
  15. NOTICE HOW THE GIRL IS GIVING THE “GO FASTER” SIGNhttp://www.flickr.com/photos/blake/6062598298/
  16. FAST CAN BE A LITTLE FRIGHTENINGhttp://www.flickr.com/photos/45777632@N06/6340839611/
  17. http://www.flickr.com/photos/dullhunk/3930915541/
  18. http://www.flickr.com/photos/sagamiono/5460242231/
  19. AT&T is the nation's fastest 4G LTE network for your iPhone 5. As explained by kids, faster is better.
  20. Joshua Bixby sent me the sources for each data point:8 seconds (Zona, 1999):http://www.websiteoptimization.com/speed/1/ 4 seconds (Jupiter, 2006):http://www.akamai.com/4seconds 2 seconds (Forrester, 2009):http://www.akamai.com/html/about/press/releases/2009/press_091409.html 400ms (Google, 2012):http://www.nytimes.com/2012/03/01/technology/impatient-web-users-flee-slow-loading-sites.html?pagewanted=all&_r=0 
  21. “if we’re able to achieve a similar performance boost across ourothertoplanding pages, we’ll drive in excess of 60 million yearly Firefox downloads.”
  22. This was a ~5 second speed up.
  23. contribute.barackobama.com
  24. SOMETIMES FAST IS JUST BASED ON PERCEPTIONShttp://www.flickr.com/photos/photohype/288124023/
  25. Specific to Akamai – how long it takes to download their resources. Could be affected by big clients moving on or off, causing/lessening congestion.
  26. Actual carrier is hidden behind “US-1” etc.
  27. based on Gomez RUM dataNot sure how they determine “perceived” render time.
  28. based on Gomez RUM data
  29. based on Gomez RUM data
  30. http://www.flickr.com/photos/bigbaddie/4907862472/
  31. HTTP Archive: twice a month, 300K wwide top URLs from Alexa, gatherinfoinclsize.http://chart.apis.google.com/chart?chxr=1,800,1400,200|2,80,100,10&chds=9,99,80,100,9,99,800,1400&chd=t:-1|85,84,84,82,84,83,83,84,84,86,85,81,82,85,86,86,87,88,88,88,88,88,89,90,90|-1|1008,1011,1018,1042,1059,1067,1068,1090,1097,1124,1105,1092,1098,1227,1239,1249,1269,1285,1286,1284,1280,1270,1292,1311,1335&chxl=0:|3%2F15%7C+%7C4%2F15%7C+%7C5%2F15%7C+%7C6%2F15%7C+%7C7%2F15%7C+%7C8%2F15%7C+%7C9%2F15%7C+%7C10%2F15%7C+%7C11%2F15%7C+%7C12%2F15%7C+%7C1%2F15%7C+%7C2%2F15%7C+%7C3%2F15&chxt=x,y,r&chs=600x300&cht=lxy&chco=15A50E,006600&chm=N,15A50E,0,::2,12,,h::8|N**kB,006600,1,::2,12,,h::8&chts=006600,24&chtt=Total+Transfer+Size+%26+Total+Requests&chma=5,5,5,25&chls=1,6,3|1&chxs=1,006600,11.5,-0.5,lt,006600,006600|2,15A50E,11.5,-0.5,lt,15A50E,15A50E&chxtc=0,4|1,4&chxp=0&chdl=Total+Requests|Total+Transfer+Size+(kB)&chdlp=bv|r
  32. http://chart.apis.google.com/chart?chds=9,99,80,100,9,99,700,1400&chxr=1,700,1400,200|2,80,100,10&chd=t:-1|89,82,86,87,88,89,90,88,86,90,90,91,90,97,98,97,100,98,99,98,99,98,99,98,100|-1|829,774,804,798,828,845,867,867,819,879,885,883,886,1027,1087,1111,1089,1108,1163,1103,1120,1131,1149,1154,1197&chxl=0:|3%2F15%7C+%7C4%2F15%7C+%7C5%2F15%7C+%7C6%2F15%7C+%7C7%2F15%7C+%7C8%2F15%7C+%7C9%2F15%7C+%7C10%2F15%7C+%7C11%2F15%7C+%7C12%2F15%7C+%7C1%2F15%7C+%7C2%2F15%7C+%7C3%2F15&chxt=x,y,r&chs=600x300&cht=lxy&chco=15A50E,006600&chm=N,15A50E,0,::2,12,,h::8|N**kB,006600,1,::2,12,,h::8&chts=006600,24&chtt=Total+Transfer+Size+%26+Total+Requests&chma=5,5,5,25&chls=1,6,3|1&chxs=1,006600,11.5,-0.5,lt,006600,006600|2,15A50E,11.5,-0.5,lt,15A50E,15A50E&chxtc=0,4|1,4&chxp=0&chdl=Total+Requests|Total+Transfer+Size+(kB)&chdlp=bv|r
  33. http://chart.apis.google.com/chart?chds=9,99,50,80,9,99,400,700&chxr=1,400,700,100|2,50,80,10&chd=t:-1|57,52,55,55,56,56,57,56,54,56,57,57,56,60,61,61,62,61,62,61,62,61,61,60,62|-1|489,454,478,476,483,500,509,496,473,510,519,526,527,567,589,606,598,604,620,605,614,623,628,615,639&chxl=0:|3%2F15|+|4%2F15|+|5%2F15|+|6%2F15|+|7%2F15|+|8%2F15|+|9%2F15|+|10%2F15|+|11%2F15|+|12%2F15|+|1%2F15|+|2%2F15|+|3%2F15&chxt=x,y,r&chs=600x300&cht=lxy&chco=1515FF,00009D&chm=N,1515FF,0,::2,12,,h::8|N**kB,00009D,1,::2,12,,h::8&chts=00009D,24&chtt=Image+Transfer+Size+%26+Image+Requests&chma=5,5,5,25&chls=1,6,3|1&chxs=1,00009D,11.5,-0.5,lt,00009D,00009D|2,1515FF,11.5,-0.5,lt,1515FF,1515FF&chxtc=0,4|1,4&chxp=0&chdl=Image+Requests|Image+Transfer+Size+%28kB%29&chdlp=bv|r
  34. http://chart.apis.google.com/chart?chds=9,99,10,30,9,99,150,205&chxr=1,150,205,25|2,10,30,10&chd=t:-1|14,14,14,14,15,15,15,15,14,15,15,15,15,17,17,16,17,17,17,17,17,17,17,17,17|-1|165,164,168,170,175,172,176,183,184,190,185,182,182,194,196,195,199,198,199,195,198,200,201,202,202&chxl=0:|3%2F15|+|4%2F15|+|5%2F15|+|6%2F15|+|7%2F15|+|8%2F15|+|9%2F15|+|10%2F15|+|11%2F15|+|12%2F15|+|1%2F15|+|2%2F15|+|3%2F15&chxt=x,y,r&chs=600x300&cht=lxy&chco=E63C0B,982807&chm=N,E63C0B,0,::2,12,,h::8|N**kB,982807,1,::2,12,,h::8&chts=982807,24&chtt=JS+Transfer+Size+%26+JS+Requests&chma=5,5,5,25&chls=1,6,3|1&chxs=1,982807,11.5,-0.5,lt,982807,982807|2,E63C0B,11.5,-0.5,lt,E63C0B,E63C0B&chxtc=0,4|1,4&chxp=0&chdl=JS+Requests|JS+Transfer+Size+%28kB%29&chdlp=bv|r
  35. I still needtotrack down the sharp increase in Oct 2012.http://chart.apis.google.com/chart?chxr=1,0,200,50|2,0,15,5&chds=9,99,0,15,9,99,0,200&chd=t:-1|4.8,5.0,4.9,5.0,5.0,4.9,4.9,5.0,4.8,4.9,4.9,5.0,4.9,4.8,4.9,5.1,5.4,5.1,5.4,5.0,5.1,5.5,5.5,5.1,5.5|-1|16,17,15,14,21,22,24,26,17,21,24,23,24,81,113,123,91,117,150,126,137,131,129,163,165&chxl=0:|3%2F15%7C+%7C4%2F15%7C+%7C5%2F15%7C+%7C6%2F15%7C+%7C7%2F15%7C+%7C8%2F15%7C+%7C9%2F15%7C+%7C10%2F15%7C+%7C11%2F15%7C+%7C12%2F15%7C+%7C1%2F15%7C+%7C2%2F15%7C+%7C3%2F15&chxt=x,y,r&chs=600x300&cht=lxy&chco=6A5C49,6A3135&chm=N,6A5C49,0,::2,12,,h::8|N,6A3135,1,::2,12,,h::8&chts=6A3135,24&chtt=Other+Transfer+Size+%26+Other+Requests&chma=5,5,5,25&chls=1,6,3|1&chxs=1,6A3135,11.5,-0.5,lt,6A3135,6A3135|2,6A5C49,11.5,-0.5,lt,6A5C49,6A5C49&chxtc=0,4|1,4&chxp=0&chdl=Other+Requests|Other+Transfer+Size+(kB)&chdlp=bv|r
  36. text/plain: 35K per page = 31K video + 3K fontsoctet-stream: 19K per page = 15K video + 4K fonts
  37. text/plain: 35K per page = 31K video + 3K fontsoctet-stream: 19K per page = 15K video + 4K fonts
  38. text/plain: 35K per page = 31K video + 3K fontsoctet-stream: 19K per page = 15K video + 4K fonts
  39.     Mar '12    Mar '13    images    489    639    31%video    93    233    151%JS    165    202    22%HTML    36    45    25%CSS    30    37    23%fonts    14    26    86%other    3    15    400%
  40. HTTP Archive: twice a month, 300K wwide top URLs from Alexa, gatherinfoinclsize.http://chart.apis.google.com/chart?chxr=1,800,1400,200|2,80,100,10&chds=9,99,80,100,9,99,800,1400&chd=t:-1|85,84,84,82,84,83,83,84,84,86,85,81,82,85,86,86,87,88,88,88,88,88,89,90,90|-1|1008,1011,1018,1042,1059,1067,1068,1090,1097,1124,1105,1092,1098,1227,1239,1249,1269,1285,1286,1284,1280,1270,1292,1311,1335&chxl=0:|3%2F15%7C+%7C4%2F15%7C+%7C5%2F15%7C+%7C6%2F15%7C+%7C7%2F15%7C+%7C8%2F15%7C+%7C9%2F15%7C+%7C10%2F15%7C+%7C11%2F15%7C+%7C12%2F15%7C+%7C1%2F15%7C+%7C2%2F15%7C+%7C3%2F15&chxt=x,y,r&chs=600x300&cht=lxy&chco=15A50E,006600&chm=N,15A50E,0,::2,12,,h::8|N**kB,006600,1,::2,12,,h::8&chts=006600,24&chtt=Total+Transfer+Size+%26+Total+Requests&chma=5,5,5,25&chls=1,6,3|1&chxs=1,006600,11.5,-0.5,lt,006600,006600|2,15A50E,11.5,-0.5,lt,15A50E,15A50E&chxtc=0,4|1,4&chxp=0&chdl=Total+Requests|Total+Transfer+Size+(kB)&chdlp=bv|r
  41. http://chart.apis.google.com/chart?chds=9,99,80,100,9,99,700,1400&chxr=1,700,1400,200|2,80,100,10&chd=t:-1|89,82,86,87,88,89,90,88,86,90,90,91,90,97,98,97,100,98,99,98,99,98,99,98,100|-1|829,774,804,798,828,845,867,867,819,879,885,883,886,1027,1087,1111,1089,1108,1163,1103,1120,1131,1149,1154,1197&chxl=0:|3%2F15%7C+%7C4%2F15%7C+%7C5%2F15%7C+%7C6%2F15%7C+%7C7%2F15%7C+%7C8%2F15%7C+%7C9%2F15%7C+%7C10%2F15%7C+%7C11%2F15%7C+%7C12%2F15%7C+%7C1%2F15%7C+%7C2%2F15%7C+%7C3%2F15&chxt=x,y,r&chs=600x300&cht=lxy&chco=15A50E,006600&chm=N,15A50E,0,::2,12,,h::8|N**kB,006600,1,::2,12,,h::8&chts=006600,24&chtt=Total+Transfer+Size+%26+Total+Requests&chma=5,5,5,25&chls=1,6,3|1&chxs=1,006600,11.5,-0.5,lt,006600,006600|2,15A50E,11.5,-0.5,lt,15A50E,15A50E&chxtc=0,4|1,4&chxp=0&chdl=Total+Requests|Total+Transfer+Size+(kB)&chdlp=bv|r
  42. I gathered this data by manual SQL queries looking at only the responses started before window.onload.
  43. text/plain: 35K per page = 31K video + 3K fontsoctet-stream: 19K per page = 15K video + 4K fonts
  44. text/plain: 35K per page = 31K video + 3K fontsoctet-stream: 19K per page = 15K video + 4K fonts
  45. text/plain: 35K per page = 31K video + 3K fontsoctet-stream: 19K per page = 15K video + 4K fonts
  46. I gathered this data by manual SQL queries looking at only the responses started before window.onload.
  47.     Mar '12    Mar '13    images    489    639    31%video    93    233    151%JS    165    202    22%HTML    36    45    25%CSS    30    37    23%fonts    14    26    86%other    3    15    400%
  48. http://www.flickr.com/photos/rexboggs5/7608691710/
  49. flickr.com/photos/wwarby/3296379139/
  50. http://chart.apis.google.com/chart?chds=9,99,80,100,9,99,700,1400&chxr=1,700,1400,200|2,80,100,10&chd=t:-1|89,82,86,87,88,89,90,88,86,90,90,91,90,97,98,97,100,98,99,98,99,98,99,98,100|-1|829,774,804,798,828,845,867,867,819,879,885,883,886,1027,1087,1111,1089,1108,1163,1103,1120,1131,1149,1154,1197&chxl=0:|3%2F15%7C+%7C4%2F15%7C+%7C5%2F15%7C+%7C6%2F15%7C+%7C7%2F15%7C+%7C8%2F15%7C+%7C9%2F15%7C+%7C10%2F15%7C+%7C11%2F15%7C+%7C12%2F15%7C+%7C1%2F15%7C+%7C2%2F15%7C+%7C3%2F15&chxt=x,y,r&chs=600x300&cht=lxy&chco=15A50E,006600&chm=N,15A50E,0,::2,12,,h::8|N**kB,006600,1,::2,12,,h::8&chts=006600,24&chtt=Total+Transfer+Size+%26+Total+Requests&chma=5,5,5,25&chls=1,6,3|1&chxs=1,006600,11.5,-0.5,lt,006600,006600|2,15A50E,11.5,-0.5,lt,15A50E,15A50E&chxtc=0,4|1,4&chxp=0&chdl=Total+Requests|Total+Transfer+Size+(kB)&chdlp=bv|r
  51. http://www.webpagetest.org/video/compare.php?tests=121212_KK_VED-r%3A2-c%3A0&thumbSize=200&ival=1000&end=visual
  52. http://www.webpagetest.org/video/compare.php?tests=121212_KF_V7Y-r%3A3-c%3A0&thumbSize=200&ival=1000&end=visual
  53. The percentages indicate page rendering progress.https://sites.google.com/a/webpagetest.org/docs/using-webpagetest/metrics/speed-index
  54. http://www.flickr.com/photos/churl/159610735/
  55. http://upload.wikimedia.org/wikipedia/commons/e/ed/Jester-_Joker_Card001.jpg
  56. flickr.com/photos/myklroventine/4062102754/