State of the Union: Mobile Web Performance 2015 RWD Summit @tameverts

If you like this presentation – show it...

Slide 0

State of the Union: Mobile Web Performance 2015 RWD Summit @tameverts

Slide 1

The current mobile landscape

Slide 2

eMarketer, June 2014

Slide 3

BI Intelligence, August 2014

Slide 4

comScore, 2013

Slide 5

Shopify, August 2014

Slide 6

Slide 7

Slide 8

Up to 97% of mobile shopping carts are abandoned Google I/O, 2013

Slide 9

Google, SeeWhy

Slide 10

User expectations

Slide 11

Mobile users are demanding Keynote, 2012 Mobile User Survey

Slide 12

Akamai, 2009

Slide 13

Jakob Nielsen, Response Times: The 3 Important Limits

Slide 14

Optimal load time 8-second delay Jakob Nielsen, Website Response Times

Slide 15

Performance metrics

Slide 16

Radware, 2014 State of the Union: Mobile Ecommerce Performance

Slide 17

Radware, 2014

Slide 18

There are 18,000+ distinct Android devices OpenSignal, August 2014

Slide 19

Common worst practices

Slide 20

Pages that are blank for several seconds, then populate all at once Worst practice #1

Slide 21

Pages that load nav elements first and primary content last Worst practice #2

Slide 22

Worst practice #3 Pop-ups that block the rest of the page from rendering

Slide 23

Common performance culprits

Slide 24

Average page served to mobile is 1147 KB Mobile HTTP Archive (February 15, 2015)

Slide 25

Images account for 63% of the average page’s payload

Slide 26

Slide 27

Slide 28

Hero image with excessive download time

Slide 29

43% of top 100 ecommerce sites fail to compress images

Slide 30

42% of pages served to mobile use custom fonts

Slide 31

Custom fonts can require huge amounts of CSS, heavy JavaScript, or external hosting

Slide 32

Slide 33

JS payload has increased by 163% in three years

Slide 34

Slide 35

More than half of all pages contain 11+ JS requests

Slide 36

Stylesheets that take too long to download and parse Stylesheets that are improperly placed and block the page from rendering

Slide 37

(Pssst… RWD isn’t immune)

Slide 38

RWD is awesome, but it *can* incur performance penalties

Slide 39

Finding patterns in the data

Slide 40

Faster pages are smaller

Slide 41

Faster pages are smaller

Slide 42

Faster pages have a faster Time to First Byte (TTFB)

Slide 43

“The optimal critical rendering path is a web page that has only the absolutely necessary events occur to render the things required for just the initial view of that web page.” Patrick Sexton Faster pages optimize their critical rendering path

Slide 44

Real User Monitoring at Walmart How to Measure Revenue in Milliseconds

Slide 45

Thank you @tameverts soasta.com