'

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

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





Слайд 1

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


Слайд 2

The current mobile landscape


Слайд 3

eMarketer, June 2014


Слайд 4

BI Intelligence, August 2014


Слайд 5

comScore, 2013


Слайд 6

Shopify, August 2014


Слайд 7


Слайд 8


Слайд 9

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


Слайд 10

Google, SeeWhy


Слайд 11

User expectations


Слайд 12

Mobile users are demanding Keynote, 2012 Mobile User Survey


Слайд 13

Akamai, 2009


Слайд 14

Jakob Nielsen, Response Times: The 3 Important Limits


Слайд 15

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


Слайд 16

Performance metrics


Слайд 17

Radware, 2014 State of the Union: Mobile Ecommerce Performance


Слайд 18

Radware, 2014


Слайд 19

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


Слайд 20

Common worst practices


Слайд 21

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


Слайд 22

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


Слайд 23

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


Слайд 24

Common performance culprits


Слайд 25

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


Слайд 26

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


Слайд 27


Слайд 28


Слайд 29

Hero image with excessive download time


Слайд 30

43% of top 100 ecommerce sites fail to compress images


Слайд 31

42% of pages served to mobile use custom fonts


Слайд 32

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


Слайд 33


Слайд 34

JS payload has increased by 163% in three years


Слайд 35


Слайд 36

More than half of all pages contain 11+ JS requests


Слайд 37

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


Слайд 38

(Pssst… RWD isn’t immune)


Слайд 39

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


Слайд 40

Finding patterns in the data


Слайд 41

Faster pages are smaller


Слайд 42

Faster pages are smaller


Слайд 43

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


Слайд 44

“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


Слайд 45

Real User Monitoring at Walmart How to Measure Revenue in Milliseconds


Слайд 46

Thank you @tameverts soasta.com


×

HTML:





Ссылка: