edge 2016 what slows you down - your network or your device
Post on 08-Jan-2017
25 Views
Preview:
TRANSCRIPT
© AKAMAI - EDGE 2016
What slows you down? Your network or your device?
Moritz Steiner, Web Performance Foundry
© AKAMAI - EDGE 2016
web performance
metric: page load time
network: time to first byte, object load time
device: socket IO, parsing, layout, script execution, painting...
page: payload, complexity
© AKAMAI - EDGE 2016
mobile = device + network
mobile = small device + cellular network
network: latency, jitter, bandwidth fluctuation, power statedevice: 8x-10x slower compared to laptops
© AKAMAI - EDGE 2016
chrome developer tools for desktop
● office LAN● 266 requests● 2.2 MBytes
transferred● 1.55s PLT
© AKAMAI - EDGE 2016
device activity
significant fraction of time spent with script evaluation and rendering
© AKAMAI - EDGE 2016
chrome developer tools for android
● usb tether an android or iOSdevice
● browse to chrome://inspect
● allow debugging● uses the phone’s
connection
© AKAMAI - EDGE 2016
network activity
● LTE● 201 requests● 1.7 MBytes
transferred● 12.39s PLT
● 8X slower than desktop
© AKAMAI - EDGE 2016
device activity
more absolute time spent with parsing, scripting, rendering, and idling
© AKAMAI - EDGE 2016
compare network and device activity
desktop mobile
loading 0.03 0.6
scripting 0.3 5.2
rendering 0.1 2.3
painting 0.4 0.4
network 0.5 2.0
up to 20x
© AKAMAI - EDGE 2016
fraction of time spent on processing
Demystifying Page Load Performance with WProf, University of Washington, NSDI 2013
© AKAMAI - EDGE 2016
network performance comparison (RUM data)
4 major cellular ISPs and 1 FTTH provider in the US
© AKAMAI - EDGE 2016
Accelerated Mobile Pages AMP
• Subset of HTML• Gets rid of javascript• Inlines CSS• Eliminates most 3rd parties
top related