SlideShare a Scribd company logo
1 of 53
Download to read offline
What Makes Mobile Websites Tick?
How Do We Make Them Faster?
Insights from WebPagetest and HTTPArchive
@dougsillars, AT&T
@andydavies, NCC Group
© 2015 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
Why Mobile Web?
85% of survey respondents said mobile
devices are a central part of everyday life.
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
http://blogs.salesforce.com/company/2014/02/mobile-behavior-report.html
Why Mobile Web?
• >50% of US e-commerce web traffic is mobile
• Google: >50% of searches come from
smartphones
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
http://marketingland.com/mobile-drives-nearly-half-e-commerce-traffic-pc-still-rules-sales-report-118629
http://searchengineland.com/its-official-google-says-more-searches-now-on-mobile-than-on-desktop-220369
Why Mobile Web?
In the 2014 Holiday Season:
• 60% of Amazon and Target customers
shopped with a mobile device.
• On Cyber Monday, Amazon sold 18
toys/second via mobile.
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
http://phx.corporate-ir.net/phoenix.zhtml?c=176060&p=irol-newsArticle&ID=2002024
But, all is not Rosy:
• Study: 60% of consumers Most Frustrated by
“web pages loading slowly or not at all”
• Facebook: “Articles shared by users average
8 seconds to load – by far the slowest single
content type on Facebook.”
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
http://www.marketwired.com/press-release/survey-mobile-broadband-performance-expectations-higher-than-ever-even-as-more-operators-2052324.htm
http://media.fb.com/2015/05/12/instantarticles/
DATA:
– Add 160KB to a page:
Bounce rate +12% on mobile
SPEED:
– 40% exit a site if > 3s load time
– 64% expect a site to load in < 4s
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
Why Mobile Performance?
4% of mobile users admit to throwing their
phones out of frustration from slow sites!
http://laraswanson.com/mobileweb/
http://www.flickr.com/photos/9009139@N08/1263954439
http://www.mobilejoomla.com/mobile-joomla-blog/172-responsive-design-vs-server-side-solutions-infographic.html
Website Performance – webpagetest.org
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
SpeedIndex Measure of Visual Performance
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
Speed Index (Top) = 1200 Speed Index (Bottom) = 9000
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
http://mobile.httparchive.org
How Mobile Data is Collected
• Scans ~5,000 mobile URLs twice a month
• Mobitest agent running on iPhone 4 running
iOS 5.1.1 located in Dulles, USA
• Network profile (simulated 3G network)
– 1.6Mbps download, 768Kbps upload, 300ms RTT
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
Challenge of HTTP Archive Data
• Sites outside US incur extra latency
– affects timings (requests & page size less
affected)
• iOS test agent is old and misses some metrics
e.g. TTFB
• Data is noisy
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
Improve the Testing
• Run top 1,000 sites on Motorola G (KitKat) in
Dulles, VA.
• Andy Davies’ Google Docs Sheet
– Requires WPT private instance (or key to public
instance)
– Run took ~ 2 days
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
http://calendar.perfplanet.com/2014/driving-webpagetest-from-a-google-docs-spreadsheet/
Test Setup
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
Read data into HTTPArchive format SQL database
Run HTTPArchive to collect all of the data into the database (overnight script)
Begin querying the data
Souders’ Laws of Fast Websites
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
Rule 1 - Make Fewer HTTP Requests
Rule 2 - Use a Content Delivery Network
Rule 3 - Add an Expires Header
Rule 4 - Gzip Components
Rule 5 - Put Stylesheets at the Top
Rule 6 - Put Scripts at the Bottom
Rule 7 - Avoid CSS Expressions
Rule 8 - Make JavaScript and CSS External
Rule 9 - Reduce DNS Lookups
Rule 10 - Minify JavaScript
Rule 11 - Avoid Redirects
Rule 12 - Remove Duplicate Scripts
Rule 13 - Configure ETags
Rule 14 - Make AJAX Cacheable
How Many Requests Do Mobile Pages Make?
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
Number of Requests
Frequency
70% < 100 Requests
6% > 200 requests
How Many Requests Do Mobile Pages Make?
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
Number of Requests
Frequency
U.S. “News” Site
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
NOT OPTIMISED FOR
MOBILE!
September 11, 2015
1.6MB download
336 requests (down from 707)
96 (down from 202 domains!)
First Byte .3s
Start Render 15s
SpeedIndex 18000
Speed Index vs.Request Count
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
• Reducing request count does not
guarantee fast performance
• Low Request Count – High
SpeedIndex?
• Sites from China and Russia
• Tested in Washington DC
• Major US Software Company
• JS load takes 20s
Speed Index vs.Request Count
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
• Sites with many requests can have
a low SpeedIndex
• Independent.co.uk
• Xda-developers.com
>400 requests, yet SpeedIndex
<10000
Souders’ Laws of Fast Websites
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
Rule 1 - Make Fewer HTTP Requests
Rule 2 - Use a Content Delivery Network
Rule 3 - Add an Expires Header
Rule 4 - Gzip Components
Rule 5 - Put Stylesheets at the Top
Rule 6 - Put Scripts at the Bottom
Rule 7 - Avoid CSS Expressions
Rule 8 - Make JavaScript and CSS External
Rule 9 - Reduce DNS Lookups
Rule 10 - Minify JavaScript
Rule 11 - Avoid Redirects
Rule 12 - Remove Duplicate Scripts
Rule 13 - Configure ETags
Rule 14 - Make AJAX Cacheable
U.S. “News” Site
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
http://www.webpagetest.org/domains.php?test=150911_8M_AJJ&run=3&cached=0
Requests made to 96-202 Domains
16 domains > 10 requests each
25% of domains have 2 requests
42% of domains have just 1 request
How Big are Mobile Pages?
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
46% under 500 KB
91% under 2MB
87 mobile sites over 3MB
Speed Index vs Page Size
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
Outside US
Seriously?
Enormous Mobile Sites Cost $$
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
http://whatdoesmysitecost.com/test/150911_T3_GG0#p
ppCost
Enormous Mobile Sites Cost $$
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
Speed Index vs Page Size
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
• 425 KB
• 29 Requests
• SpeedIndex
>16000
Redirects are a Mobile Killer
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
• 425 KB
• 29 Requests
• SpeedIndex
>16000
7.5 seconds
before page
load lost to
redirects
Souders’ Laws of Fast Websites
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
Rule 1 - Make Fewer HTTP Requests
Rule 2 - Use a Content Delivery Network
Rule 3 - Add an Expires Header
Rule 4 - Gzip Components
Rule 5 - Put Stylesheets at the Top
Rule 6 - Put Scripts at the Bottom
Rule 7 - Avoid CSS Expressions
Rule 8 - Make JavaScript and CSS External
Rule 9 - Reduce DNS Lookups
Rule 10 - Minify JavaScript
Rule 11 - Avoid Redirects
Rule 12 - Remove Duplicate Scripts
Rule 13 - Configure ETags
Rule 14 - Make AJAX Cacheable
If you Must redirect – CACHE your
redirects:
Low Byte Count
• Long TTFB
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
Low Request and Byte Count
• Multiple scripts
• Head of line
blocking
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
So What Makes a Site Very Fast?
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
21% SpeedIndex < 5,000
66% SpeedIndex <10,000
85% SpeedIndex <15,000
Sites with SpeedIndex < 2000
• <5 Requests to load page
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
Souders’ Laws of Fast Websites
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
Rule 1 - Make Fewer HTTP Requests
Rule 2 - Use a Content Delivery Network
Rule 3 - Add an Expires Header
Rule 4 - Gzip Components
Rule 5 - Put Stylesheets at the Top
Rule 6 - Put Scripts at the Bottom
Rule 7 - Avoid CSS Expressions
Rule 8 - Make JavaScript and CSS External
Rule 9 - Reduce DNS Lookups
Rule 10 - Minify JavaScript
Rule 11 - Avoid Redirects
Rule 12 - Remove Duplicate Scripts
Rule 13 - Configure ETags
Rule 14 - Make AJAX Cacheable
Load Important Stuff First
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
8 requests required to load page
97 requests for ads/analytics/trackers
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
Some worrying trends…
Pages Are Still Getting Bigger
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
9/1/2012: 644kb
9/1/2013: 815kb
9/1/2014: 1020kb
9/1/2015: 1203kb
Our Base Page Isn’t Changing Much
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
JavaScript Has Grown 25% in 12 Months
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
New Graph,
same increase
2013-2014
CSS has Grown By 20%
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
Was 33% last
year
2013-2014
Images are Bulk of Download
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
Lots of focus on HTML, CSS,
JS and images but…
Fonts – 200% Growth in 12 Months
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
Most Pages Don’t Use Fonts
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
56% do not use
custom fonts
But 9 sites use >
500 KB
Mobile Design: RWD vs. Mobile Redirect
• Responsive Web Design (RWD) One site for all
screens
– Media Queries change layout based on screen size
• Mobile Specific: Server redirects to Specific
Mobile Site
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
RWD
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
Mobile Specific Sites
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
Mobile Specific Vs. RWD
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
Mobile Specific RWD Delta
Count 218 98
Total Requests 42 52 19% higher
Total KB 474 893 47% higher
SpeedIndex 9172 9138 0.4% FASTER
Top 1,000 sites Moto G (KitKat) 2014
Top 1,000 sites Moto G (KitKat) 2015
Mobile Specific RWD Delta
Count 171 98
Total Requests (median) 62 61 equal
Total KB (median) 770 1,102 43% higher
SpeedIndex (median) 8801 7746 13% FASTER
In Summary
• Reduce Requests
– Quantity and Size
– HTML, CSS, JavaScript, and Fonts are crucial to
optimize
• Optimize critical rendering path
• Mobile redirect vs. RWD:
– Performance line is blurring on newer
browsers/hardware
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
You too can explore this
Download the raw data:
http://mobile.httparchive.org/downloads.php
Or explore it in Big Query:
https://www.igvita.com/2013/06/20/http-archive-
bigquery-web-performance-answers/
http://bigqueri.es/
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
Early Release…
Includes:
• Getting Started
• Interpreting waterfalls
• Scripting tests
• Using the API
• Continuous Integration
• Private Instances
http://bit.ly/usingwebpagetest
© 2015 AT&T Intellectual Property. All rights reserved. AT&T, the AT&T logo and all other marks contained herein are trademarks of AT&T Intellectual Property and/or AT&T affiliated companies. All other
marks contained herein are the property of their respective owners. Information contained herein is not an offer, commitment, representation or warranty by AT&T and is subject to change. Mention of a
specific company or entity is not an endorsement by AT&T.
© 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
Thanks
Doug Sillars
@dougsillars
Andy Davies
@andydavies

More Related Content

Viewers also liked

Viewers also liked (12)

Derma
DermaDerma
Derma
 
Test
TestTest
Test
 
Projects Titles on embedded
Projects Titles on embedded Projects Titles on embedded
Projects Titles on embedded
 
Symmetrical2
Symmetrical2Symmetrical2
Symmetrical2
 
text-1
text-1text-1
text-1
 
Legalização casamento homoafetivo 2015
Legalização casamento homoafetivo   2015Legalização casamento homoafetivo   2015
Legalização casamento homoafetivo 2015
 
Biomedical projects
Biomedical projectsBiomedical projects
Biomedical projects
 
Entrepreneurship
EntrepreneurshipEntrepreneurship
Entrepreneurship
 
HallowLED
HallowLEDHallowLED
HallowLED
 
E -commerce by DRG
E -commerce by DRGE -commerce by DRG
E -commerce by DRG
 
20130228 update rondje oss 1
20130228 update rondje oss 120130228 update rondje oss 1
20130228 update rondje oss 1
 
Wireless projects
Wireless projectsWireless projects
Wireless projects
 

Similar to Mobile Web Performance using WebPageTest and HTTPArchive

Measuring and improving your app's network performance oredev
Measuring and improving your app's network performance   oredevMeasuring and improving your app's network performance   oredev
Measuring and improving your app's network performance oredevDoug Sillars
 
ARO For Developers
ARO For DevelopersARO For Developers
ARO For DevelopersDoug Sillars
 
The WebRTC Continuum - The Next Wave
The WebRTC Continuum - The Next WaveThe WebRTC Continuum - The Next Wave
The WebRTC Continuum - The Next WaveWebRTCConferenceJapan
 
Firewall Webinar
Firewall WebinarFirewall Webinar
Firewall WebinarAT&T
 
Enterprise Global Messaging
Enterprise Global MessagingEnterprise Global Messaging
Enterprise Global MessagingJonathan Spinney
 
CORD: Central Office Re-architected as a Datacenter
CORD: Central Office Re-architected as a DatacenterCORD: Central Office Re-architected as a Datacenter
CORD: Central Office Re-architected as a DatacenterOpen Networking Summits
 
Lorna Slott ATT new frontier
Lorna Slott ATT new frontierLorna Slott ATT new frontier
Lorna Slott ATT new frontierSharpe_Smith
 
Past, Present and Future of WebSocket - HTML5DevConf May 2014
Past, Present and Future of WebSocket - HTML5DevConf May 2014Past, Present and Future of WebSocket - HTML5DevConf May 2014
Past, Present and Future of WebSocket - HTML5DevConf May 2014Frank Greco
 
(NET202) Connectivity Using Software-Defined Networking & Advanced API
(NET202) Connectivity Using Software-Defined Networking & Advanced API(NET202) Connectivity Using Software-Defined Networking & Advanced API
(NET202) Connectivity Using Software-Defined Networking & Advanced APIAmazon Web Services
 
Mobile Website Development
Mobile Website DevelopmentMobile Website Development
Mobile Website Developmenttawi123
 
Cloud is all the buzz...what is it really?!?!
Cloud is all the buzz...what is it really?!?!Cloud is all the buzz...what is it really?!?!
Cloud is all the buzz...what is it really?!?!Michael Maharas
 
A Look at the Performance of SAP UI Technologies - UXP212 at SAP TechEd && d-...
A Look at the Performance of SAP UI Technologies - UXP212 at SAP TechEd && d-...A Look at the Performance of SAP UI Technologies - UXP212 at SAP TechEd && d-...
A Look at the Performance of SAP UI Technologies - UXP212 at SAP TechEd && d-...Sascha Wenninger
 
WebSocket Perspectives and Vision for the Future - HTML5DevConf Oct 2013 SF
WebSocket Perspectives and Vision for the Future - HTML5DevConf Oct 2013 SFWebSocket Perspectives and Vision for the Future - HTML5DevConf Oct 2013 SF
WebSocket Perspectives and Vision for the Future - HTML5DevConf Oct 2013 SFFrank Greco
 
Mobile website development Services
Mobile website development Services Mobile website development Services
Mobile website development Services Steve Verma
 
The Web of Things - IoTExpo SF - May 2014
The Web of Things - IoTExpo SF - May 2014The Web of Things - IoTExpo SF - May 2014
The Web of Things - IoTExpo SF - May 2014Frank Greco
 
TAG IoT Summit - Why You Need a Strategy for the Internet of Things
TAG IoT Summit - Why You Need a Strategy for the Internet of ThingsTAG IoT Summit - Why You Need a Strategy for the Internet of Things
TAG IoT Summit - Why You Need a Strategy for the Internet of ThingsEric Sineath
 
Detect and Fix Performance Problems Faster
Detect and Fix Performance Problems FasterDetect and Fix Performance Problems Faster
Detect and Fix Performance Problems FasterRiverbed Technology
 
Accelerate AI/ML Adoption with Intel Processors and C3IoT on AWS (AIM386-S) -...
Accelerate AI/ML Adoption with Intel Processors and C3IoT on AWS (AIM386-S) -...Accelerate AI/ML Adoption with Intel Processors and C3IoT on AWS (AIM386-S) -...
Accelerate AI/ML Adoption with Intel Processors and C3IoT on AWS (AIM386-S) -...Amazon Web Services
 

Similar to Mobile Web Performance using WebPageTest and HTTPArchive (20)

Measuring and improving your app's network performance oredev
Measuring and improving your app's network performance   oredevMeasuring and improving your app's network performance   oredev
Measuring and improving your app's network performance oredev
 
ARO For Developers
ARO For DevelopersARO For Developers
ARO For Developers
 
The WebRTC Continuum - The Next Wave
The WebRTC Continuum - The Next WaveThe WebRTC Continuum - The Next Wave
The WebRTC Continuum - The Next Wave
 
Firewall Webinar
Firewall WebinarFirewall Webinar
Firewall Webinar
 
Enterprise Global Messaging
Enterprise Global MessagingEnterprise Global Messaging
Enterprise Global Messaging
 
CORD: Central Office Re-architected as a Datacenter
CORD: Central Office Re-architected as a DatacenterCORD: Central Office Re-architected as a Datacenter
CORD: Central Office Re-architected as a Datacenter
 
Lorna Slott ATT new frontier
Lorna Slott ATT new frontierLorna Slott ATT new frontier
Lorna Slott ATT new frontier
 
Past, Present and Future of WebSocket - HTML5DevConf May 2014
Past, Present and Future of WebSocket - HTML5DevConf May 2014Past, Present and Future of WebSocket - HTML5DevConf May 2014
Past, Present and Future of WebSocket - HTML5DevConf May 2014
 
(NET202) Connectivity Using Software-Defined Networking & Advanced API
(NET202) Connectivity Using Software-Defined Networking & Advanced API(NET202) Connectivity Using Software-Defined Networking & Advanced API
(NET202) Connectivity Using Software-Defined Networking & Advanced API
 
Mobile Website Development
Mobile Website DevelopmentMobile Website Development
Mobile Website Development
 
Cloud is all the buzz...what is it really?!?!
Cloud is all the buzz...what is it really?!?!Cloud is all the buzz...what is it really?!?!
Cloud is all the buzz...what is it really?!?!
 
A Look at the Performance of SAP UI Technologies - UXP212 at SAP TechEd && d-...
A Look at the Performance of SAP UI Technologies - UXP212 at SAP TechEd && d-...A Look at the Performance of SAP UI Technologies - UXP212 at SAP TechEd && d-...
A Look at the Performance of SAP UI Technologies - UXP212 at SAP TechEd && d-...
 
WebSocket Perspectives and Vision for the Future - HTML5DevConf Oct 2013 SF
WebSocket Perspectives and Vision for the Future - HTML5DevConf Oct 2013 SFWebSocket Perspectives and Vision for the Future - HTML5DevConf Oct 2013 SF
WebSocket Perspectives and Vision for the Future - HTML5DevConf Oct 2013 SF
 
HTTP/2 Comes to Java
HTTP/2 Comes to JavaHTTP/2 Comes to Java
HTTP/2 Comes to Java
 
Mobile website development Services
Mobile website development Services Mobile website development Services
Mobile website development Services
 
The Web of Things - IoTExpo SF - May 2014
The Web of Things - IoTExpo SF - May 2014The Web of Things - IoTExpo SF - May 2014
The Web of Things - IoTExpo SF - May 2014
 
TAG IoT Summit - Why You Need a Strategy for the Internet of Things
TAG IoT Summit - Why You Need a Strategy for the Internet of ThingsTAG IoT Summit - Why You Need a Strategy for the Internet of Things
TAG IoT Summit - Why You Need a Strategy for the Internet of Things
 
AT&T API Platform
AT&T API PlatformAT&T API Platform
AT&T API Platform
 
Detect and Fix Performance Problems Faster
Detect and Fix Performance Problems FasterDetect and Fix Performance Problems Faster
Detect and Fix Performance Problems Faster
 
Accelerate AI/ML Adoption with Intel Processors and C3IoT on AWS (AIM386-S) -...
Accelerate AI/ML Adoption with Intel Processors and C3IoT on AWS (AIM386-S) -...Accelerate AI/ML Adoption with Intel Processors and C3IoT on AWS (AIM386-S) -...
Accelerate AI/ML Adoption with Intel Processors and C3IoT on AWS (AIM386-S) -...
 

More from Doug Sillars

Fastandbeautiful belfast
Fastandbeautiful belfastFastandbeautiful belfast
Fastandbeautiful belfastDoug Sillars
 
Fastandbeautiful gdg sacremento
Fastandbeautiful gdg sacrementoFastandbeautiful gdg sacremento
Fastandbeautiful gdg sacrementoDoug Sillars
 
Fastandbeautiful gd glittlerock
Fastandbeautiful gd glittlerockFastandbeautiful gd glittlerock
Fastandbeautiful gd glittlerockDoug Sillars
 
Fastandbeautiful webinale
Fastandbeautiful webinaleFastandbeautiful webinale
Fastandbeautiful webinaleDoug Sillars
 
Ai powered images-pythonljubjana
Ai powered images-pythonljubjanaAi powered images-pythonljubjana
Ai powered images-pythonljubjanaDoug Sillars
 
Fastandbeautiful zagrebtechsauna
Fastandbeautiful zagrebtechsaunaFastandbeautiful zagrebtechsauna
Fastandbeautiful zagrebtechsaunaDoug Sillars
 
Ai powered images-gdgtirana
Ai powered images-gdgtiranaAi powered images-gdgtirana
Ai powered images-gdgtiranaDoug Sillars
 
A rt gallery pantalks
A rt gallery pantalksA rt gallery pantalks
A rt gallery pantalksDoug Sillars
 
Ai powered images-sarajevo
Ai powered images-sarajevoAi powered images-sarajevo
Ai powered images-sarajevoDoug Sillars
 
A rt gallery hub387
A rt gallery hub387A rt gallery hub387
A rt gallery hub387Doug Sillars
 
Ai powered images-zurichpydata
Ai powered images-zurichpydataAi powered images-zurichpydata
Ai powered images-zurichpydataDoug Sillars
 
Fastandbeautiful vienna
Fastandbeautiful viennaFastandbeautiful vienna
Fastandbeautiful viennaDoug Sillars
 
Ai powered images-opieaivienna
Ai powered images-opieaiviennaAi powered images-opieaivienna
Ai powered images-opieaiviennaDoug Sillars
 
A rt gallery devfestlondon
A rt gallery devfestlondonA rt gallery devfestlondon
A rt gallery devfestlondonDoug Sillars
 
Fastandbeautiful devfest london
Fastandbeautiful devfest londonFastandbeautiful devfest london
Fastandbeautiful devfest londonDoug Sillars
 
A rt gallery cardiff
A rt gallery cardiffA rt gallery cardiff
A rt gallery cardiffDoug Sillars
 
Ai powered images-mobileera
Ai powered images-mobileeraAi powered images-mobileera
Ai powered images-mobileeraDoug Sillars
 
Fastandbeautiful oredev
Fastandbeautiful oredevFastandbeautiful oredev
Fastandbeautiful oredevDoug Sillars
 

More from Doug Sillars (20)

Fastandbeautiful belfast
Fastandbeautiful belfastFastandbeautiful belfast
Fastandbeautiful belfast
 
Fastandbeautiful gdg sacremento
Fastandbeautiful gdg sacrementoFastandbeautiful gdg sacremento
Fastandbeautiful gdg sacremento
 
Fastandbeautiful gd glittlerock
Fastandbeautiful gd glittlerockFastandbeautiful gd glittlerock
Fastandbeautiful gd glittlerock
 
Fastandbeautiful webinale
Fastandbeautiful webinaleFastandbeautiful webinale
Fastandbeautiful webinale
 
Ai powered images-pythonljubjana
Ai powered images-pythonljubjanaAi powered images-pythonljubjana
Ai powered images-pythonljubjana
 
Fastandbeautiful zagrebtechsauna
Fastandbeautiful zagrebtechsaunaFastandbeautiful zagrebtechsauna
Fastandbeautiful zagrebtechsauna
 
Video js zagreb
Video js zagrebVideo js zagreb
Video js zagreb
 
Vkmdp cologne
Vkmdp cologneVkmdp cologne
Vkmdp cologne
 
Ai powered images-gdgtirana
Ai powered images-gdgtiranaAi powered images-gdgtirana
Ai powered images-gdgtirana
 
A rt gallery pantalks
A rt gallery pantalksA rt gallery pantalks
A rt gallery pantalks
 
Ai powered images-sarajevo
Ai powered images-sarajevoAi powered images-sarajevo
Ai powered images-sarajevo
 
A rt gallery hub387
A rt gallery hub387A rt gallery hub387
A rt gallery hub387
 
Ai powered images-zurichpydata
Ai powered images-zurichpydataAi powered images-zurichpydata
Ai powered images-zurichpydata
 
Fastandbeautiful vienna
Fastandbeautiful viennaFastandbeautiful vienna
Fastandbeautiful vienna
 
Ai powered images-opieaivienna
Ai powered images-opieaiviennaAi powered images-opieaivienna
Ai powered images-opieaivienna
 
A rt gallery devfestlondon
A rt gallery devfestlondonA rt gallery devfestlondon
A rt gallery devfestlondon
 
Fastandbeautiful devfest london
Fastandbeautiful devfest londonFastandbeautiful devfest london
Fastandbeautiful devfest london
 
A rt gallery cardiff
A rt gallery cardiffA rt gallery cardiff
A rt gallery cardiff
 
Ai powered images-mobileera
Ai powered images-mobileeraAi powered images-mobileera
Ai powered images-mobileera
 
Fastandbeautiful oredev
Fastandbeautiful oredevFastandbeautiful oredev
Fastandbeautiful oredev
 

Mobile Web Performance using WebPageTest and HTTPArchive

  • 1. What Makes Mobile Websites Tick? How Do We Make Them Faster? Insights from WebPagetest and HTTPArchive @dougsillars, AT&T @andydavies, NCC Group © 2015 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
  • 2. Why Mobile Web? 85% of survey respondents said mobile devices are a central part of everyday life. © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property. http://blogs.salesforce.com/company/2014/02/mobile-behavior-report.html
  • 3. Why Mobile Web? • >50% of US e-commerce web traffic is mobile • Google: >50% of searches come from smartphones © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property. http://marketingland.com/mobile-drives-nearly-half-e-commerce-traffic-pc-still-rules-sales-report-118629 http://searchengineland.com/its-official-google-says-more-searches-now-on-mobile-than-on-desktop-220369
  • 4. Why Mobile Web? In the 2014 Holiday Season: • 60% of Amazon and Target customers shopped with a mobile device. • On Cyber Monday, Amazon sold 18 toys/second via mobile. © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property. http://phx.corporate-ir.net/phoenix.zhtml?c=176060&p=irol-newsArticle&ID=2002024
  • 5. But, all is not Rosy: • Study: 60% of consumers Most Frustrated by “web pages loading slowly or not at all” • Facebook: “Articles shared by users average 8 seconds to load – by far the slowest single content type on Facebook.” © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property. http://www.marketwired.com/press-release/survey-mobile-broadband-performance-expectations-higher-than-ever-even-as-more-operators-2052324.htm http://media.fb.com/2015/05/12/instantarticles/
  • 6. DATA: – Add 160KB to a page: Bounce rate +12% on mobile SPEED: – 40% exit a site if > 3s load time – 64% expect a site to load in < 4s © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property. Why Mobile Performance? 4% of mobile users admit to throwing their phones out of frustration from slow sites! http://laraswanson.com/mobileweb/ http://www.flickr.com/photos/9009139@N08/1263954439 http://www.mobilejoomla.com/mobile-joomla-blog/172-responsive-design-vs-server-side-solutions-infographic.html
  • 7. Website Performance – webpagetest.org © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
  • 8. SpeedIndex Measure of Visual Performance © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property. Speed Index (Top) = 1200 Speed Index (Bottom) = 9000
  • 9. © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
  • 10. © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property. http://mobile.httparchive.org
  • 11. How Mobile Data is Collected • Scans ~5,000 mobile URLs twice a month • Mobitest agent running on iPhone 4 running iOS 5.1.1 located in Dulles, USA • Network profile (simulated 3G network) – 1.6Mbps download, 768Kbps upload, 300ms RTT © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
  • 12. Challenge of HTTP Archive Data • Sites outside US incur extra latency – affects timings (requests & page size less affected) • iOS test agent is old and misses some metrics e.g. TTFB • Data is noisy © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
  • 13. Improve the Testing • Run top 1,000 sites on Motorola G (KitKat) in Dulles, VA. • Andy Davies’ Google Docs Sheet – Requires WPT private instance (or key to public instance) – Run took ~ 2 days © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property. http://calendar.perfplanet.com/2014/driving-webpagetest-from-a-google-docs-spreadsheet/
  • 14. Test Setup © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property. Read data into HTTPArchive format SQL database Run HTTPArchive to collect all of the data into the database (overnight script) Begin querying the data
  • 15. Souders’ Laws of Fast Websites © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property. Rule 1 - Make Fewer HTTP Requests Rule 2 - Use a Content Delivery Network Rule 3 - Add an Expires Header Rule 4 - Gzip Components Rule 5 - Put Stylesheets at the Top Rule 6 - Put Scripts at the Bottom Rule 7 - Avoid CSS Expressions Rule 8 - Make JavaScript and CSS External Rule 9 - Reduce DNS Lookups Rule 10 - Minify JavaScript Rule 11 - Avoid Redirects Rule 12 - Remove Duplicate Scripts Rule 13 - Configure ETags Rule 14 - Make AJAX Cacheable
  • 16. How Many Requests Do Mobile Pages Make? © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property. Number of Requests Frequency 70% < 100 Requests 6% > 200 requests
  • 17. How Many Requests Do Mobile Pages Make? © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property. Number of Requests Frequency
  • 18. U.S. “News” Site © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property. NOT OPTIMISED FOR MOBILE! September 11, 2015 1.6MB download 336 requests (down from 707) 96 (down from 202 domains!) First Byte .3s Start Render 15s SpeedIndex 18000
  • 19. Speed Index vs.Request Count © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property. • Reducing request count does not guarantee fast performance • Low Request Count – High SpeedIndex? • Sites from China and Russia • Tested in Washington DC • Major US Software Company • JS load takes 20s
  • 20. Speed Index vs.Request Count © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property. • Sites with many requests can have a low SpeedIndex • Independent.co.uk • Xda-developers.com >400 requests, yet SpeedIndex <10000
  • 21. Souders’ Laws of Fast Websites © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property. Rule 1 - Make Fewer HTTP Requests Rule 2 - Use a Content Delivery Network Rule 3 - Add an Expires Header Rule 4 - Gzip Components Rule 5 - Put Stylesheets at the Top Rule 6 - Put Scripts at the Bottom Rule 7 - Avoid CSS Expressions Rule 8 - Make JavaScript and CSS External Rule 9 - Reduce DNS Lookups Rule 10 - Minify JavaScript Rule 11 - Avoid Redirects Rule 12 - Remove Duplicate Scripts Rule 13 - Configure ETags Rule 14 - Make AJAX Cacheable
  • 22. U.S. “News” Site © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property. http://www.webpagetest.org/domains.php?test=150911_8M_AJJ&run=3&cached=0 Requests made to 96-202 Domains 16 domains > 10 requests each 25% of domains have 2 requests 42% of domains have just 1 request
  • 23. How Big are Mobile Pages? © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property. 46% under 500 KB 91% under 2MB 87 mobile sites over 3MB
  • 24. Speed Index vs Page Size © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property. Outside US Seriously?
  • 25. Enormous Mobile Sites Cost $$ © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property. http://whatdoesmysitecost.com/test/150911_T3_GG0#p ppCost
  • 26. Enormous Mobile Sites Cost $$ © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
  • 27. Speed Index vs Page Size © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property. • 425 KB • 29 Requests • SpeedIndex >16000
  • 28. Redirects are a Mobile Killer © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property. • 425 KB • 29 Requests • SpeedIndex >16000 7.5 seconds before page load lost to redirects
  • 29. Souders’ Laws of Fast Websites © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property. Rule 1 - Make Fewer HTTP Requests Rule 2 - Use a Content Delivery Network Rule 3 - Add an Expires Header Rule 4 - Gzip Components Rule 5 - Put Stylesheets at the Top Rule 6 - Put Scripts at the Bottom Rule 7 - Avoid CSS Expressions Rule 8 - Make JavaScript and CSS External Rule 9 - Reduce DNS Lookups Rule 10 - Minify JavaScript Rule 11 - Avoid Redirects Rule 12 - Remove Duplicate Scripts Rule 13 - Configure ETags Rule 14 - Make AJAX Cacheable If you Must redirect – CACHE your redirects:
  • 30. Low Byte Count • Long TTFB © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
  • 31. Low Request and Byte Count • Multiple scripts • Head of line blocking © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
  • 32. So What Makes a Site Very Fast? © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property. 21% SpeedIndex < 5,000 66% SpeedIndex <10,000 85% SpeedIndex <15,000
  • 33. Sites with SpeedIndex < 2000 • <5 Requests to load page © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
  • 34. Souders’ Laws of Fast Websites © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property. Rule 1 - Make Fewer HTTP Requests Rule 2 - Use a Content Delivery Network Rule 3 - Add an Expires Header Rule 4 - Gzip Components Rule 5 - Put Stylesheets at the Top Rule 6 - Put Scripts at the Bottom Rule 7 - Avoid CSS Expressions Rule 8 - Make JavaScript and CSS External Rule 9 - Reduce DNS Lookups Rule 10 - Minify JavaScript Rule 11 - Avoid Redirects Rule 12 - Remove Duplicate Scripts Rule 13 - Configure ETags Rule 14 - Make AJAX Cacheable
  • 35. Load Important Stuff First © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property. 8 requests required to load page 97 requests for ads/analytics/trackers
  • 36. © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property. Some worrying trends…
  • 37. Pages Are Still Getting Bigger © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property. 9/1/2012: 644kb 9/1/2013: 815kb 9/1/2014: 1020kb 9/1/2015: 1203kb
  • 38. Our Base Page Isn’t Changing Much © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
  • 39. JavaScript Has Grown 25% in 12 Months © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property. New Graph, same increase 2013-2014
  • 40. CSS has Grown By 20% © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property. Was 33% last year 2013-2014
  • 41. Images are Bulk of Download © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
  • 42. © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property. Lots of focus on HTML, CSS, JS and images but…
  • 43. Fonts – 200% Growth in 12 Months © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
  • 44. Most Pages Don’t Use Fonts © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property. 56% do not use custom fonts But 9 sites use > 500 KB
  • 45. Mobile Design: RWD vs. Mobile Redirect • Responsive Web Design (RWD) One site for all screens – Media Queries change layout based on screen size • Mobile Specific: Server redirects to Specific Mobile Site © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
  • 46. RWD © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
  • 47. Mobile Specific Sites © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
  • 48. Mobile Specific Vs. RWD © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property. Mobile Specific RWD Delta Count 218 98 Total Requests 42 52 19% higher Total KB 474 893 47% higher SpeedIndex 9172 9138 0.4% FASTER Top 1,000 sites Moto G (KitKat) 2014 Top 1,000 sites Moto G (KitKat) 2015 Mobile Specific RWD Delta Count 171 98 Total Requests (median) 62 61 equal Total KB (median) 770 1,102 43% higher SpeedIndex (median) 8801 7746 13% FASTER
  • 49. In Summary • Reduce Requests – Quantity and Size – HTML, CSS, JavaScript, and Fonts are crucial to optimize • Optimize critical rendering path • Mobile redirect vs. RWD: – Performance line is blurring on newer browsers/hardware © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
  • 50. You too can explore this Download the raw data: http://mobile.httparchive.org/downloads.php Or explore it in Big Query: https://www.igvita.com/2013/06/20/http-archive- bigquery-web-performance-answers/ http://bigqueri.es/ © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
  • 51. © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property. Early Release… Includes: • Getting Started • Interpreting waterfalls • Scripting tests • Using the API • Continuous Integration • Private Instances http://bit.ly/usingwebpagetest
  • 52. © 2015 AT&T Intellectual Property. All rights reserved. AT&T, the AT&T logo and all other marks contained herein are trademarks of AT&T Intellectual Property and/or AT&T affiliated companies. All other marks contained herein are the property of their respective owners. Information contained herein is not an offer, commitment, representation or warranty by AT&T and is subject to change. Mention of a specific company or entity is not an endorsement by AT&T.
  • 53. © 2014 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property. Thanks Doug Sillars @dougsillars Andy Davies @andydavies

Editor's Notes

  1. Bullet points on why WPT is awesome?
  2. Bullet points on why WPT is awesome? Maybe background on what the SpeedIndex measurement is?
  3. Actually 4,752 URLs are tested’
  4. Note the long tail – 818 is publico.es which had a spike around the test period and is back to normal - http://mobile.httparchive.org/viewsite.php?u=http%3A%2F%2Fwww.publico.es%2F&l=Apr%2015%202014
  5. Note the long tail – 818 is publico.es which had a spike around the test period and is back to normal - http://mobile.httparchive.org/viewsite.php?u=http%3A%2F%2Fwww.publico.es%2F&l=Apr%2015%202014
  6. Note the long tail – 818 is publico.es which had a spike around the test period and is back to normal - http://mobile.httparchive.org/viewsite.php?u=http%3A%2F%2Fwww.publico.es%2F&l=Apr%2015%202014
  7. 30 sites have <40 requests and take over 25s to load
  8. 30 sites have <40 requests and take over 25s to load
  9. This is your Moto G data
  10. 40 of the top 1,000 sites *in HTTP archive* are under 1MB, but take over 25 seconds to load.
  11. 40 of the top 1,000 sites *in HTTP archive* are under 1MB, but take over 25 seconds to load.
  12. 40 of the top 1,000 sites *in HTTP archive* are under 1MB, but take over 25 seconds to load.
  13. TCP connections need to be made for each of them CSS and the critical path – Patrick Hamman - https://www.youtube.com/watch?v=-W0FBNbMLs0
  14. I don’t know if this chart is great.. But my idea is that fast sites are closer to zero external CSS. Slower sites are more likely to have 2-4 CSS (and it only gets worse)
  15. May be the bulk of the download but growing more slow and more importantly aren’t render blocking