19
© AKAMAI - EDGE 2016 What slows you down? Your network or your device? Moritz Steiner, Web Performance Foundry

Edge 2016 what slows you down - your network or your device

Embed Size (px)

Citation preview

© 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

impact on the network (mostly)

© AKAMAI - EDGE 2016

impact on the device (mostly)

© 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

network and computation in perspective

network computation

© AKAMAI - EDGE 2016

fraction of time spent on processing

Demystifying Page Load Performance with WProf, University of Washington, NSDI 2013

© AKAMAI - EDGE 2016

performance comparison (active experiments)

3s median

5.1s median 5.4s median

© AKAMAI - EDGE 2016

performance trends (RUM data)

© AKAMAI - EDGE 2016

performance trends (active experiments)

© 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

© AKAMAI - EDGE 2016

• mobile web performance dependso on the networko on the device

• develop and test in real conditionso real (low powered) deviceso real cellular networks

• think twice about those js libraries

summary