'

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


×

HTML:





Ссылка: