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

Понравилась презентация – покажи это...

Слайд 0

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

Слайд 1

The current mobile landscape

Слайд 2

eMarketer, June 2014

Слайд 3

BI Intelligence, August 2014

Слайд 4

comScore, 2013

Слайд 5

Shopify, August 2014

Слайд 6

Слайд 7

Слайд 8

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

Слайд 9

Google, SeeWhy

Слайд 10

User expectations

Слайд 11

Mobile users are demanding Keynote, 2012 Mobile User Survey

Слайд 12

Akamai, 2009

Слайд 13

Jakob Nielsen, Response Times: The 3 Important Limits

Слайд 14

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

Слайд 15

Performance metrics

Слайд 16

Radware, 2014 State of the Union: Mobile Ecommerce Performance

Слайд 17

Radware, 2014

Слайд 18

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

Слайд 19

Common worst practices

Слайд 20

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

Слайд 21

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

Слайд 22

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

Слайд 23

Common performance culprits

Слайд 24

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

Слайд 25

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

Слайд 26

Слайд 27

Слайд 28

Hero image with excessive download time

Слайд 29

43% of top 100 ecommerce sites fail to compress images

Слайд 30

42% of pages served to mobile use custom fonts

Слайд 31

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

Слайд 32

Слайд 33

JS payload has increased by 163% in three years

Слайд 34

Слайд 35

More than half of all pages contain 11+ JS requests

Слайд 36

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

Слайд 37

(Pssst… RWD isn’t immune)

Слайд 38

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

Слайд 39

Finding patterns in the data

Слайд 40

Faster pages are smaller

Слайд 41

Faster pages are smaller

Слайд 42

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

Слайд 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

Слайд 44

Real User Monitoring at Walmart How to Measure Revenue in Milliseconds

Слайд 45

Thank you @tameverts soasta.com