'

How Slow Load Times Hurt Your Bottom Line

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





Слайд 0

How Slow Load Times Hurt Your Bottom Line @tameverts Web Unleashed 2015 #WebU


Слайд 1

@tameverts performancebeacon.com


Слайд 2

Do MOST people consider page speed an important part of user engagement?


Слайд 3

“I myself wouldn’t consider it very important. Granted, if a page is too slow, it loses users, but I believe if a page loads in 5 or 6 seconds, it doesn’t make much difference.”


Слайд 4

@tameverts


Слайд 5

http://www.soasta.com/blog/web-performance-mothers-day/


Слайд 6

http://www.soasta.com/blog/mobile-web-performance-monitoring-conversion-rate/


Слайд 7

2% increase in conversions for every 1 second of improvement @tameverts


Слайд 8

Increased conversions by 9% Cut load times in half @tameverts


Слайд 9

Reduced average load time by 2.2 seconds and increased total downloads by 15.4% 10 million additional downloads per year @tameverts


Слайд 10

@tameverts


Слайд 11

How do visitors feel about slow sites? (hint: not good)


Слайд 12

@tameverts


Слайд 13

@tameverts


Слайд 14

17 things you can do to deliver a faster user experience


Слайд 15

Steve Souders, author, ‘High Performance Web Sites’ “80-90% of end-user response time is at the front end. Start there.” @tameverts


Слайд 16

1 Page size 2 Page complexity Two main performance problems @tameverts


Слайд 17

Problem 1: Pages are too big @tameverts


Слайд 18

@tameverts


Слайд 19

More bandwidth isn’t the answer http://www.soasta.com/blog/more-bandwidth-isnt-a-magic-bullet-for-web-performance/


Слайд 20

Single greatest indicator of fast performance? Faster pages are less than 1MB in size @tameverts


Слайд 21

Know where your page weight is coming from Create a performance budget Monitor, monitor, monitor Solutions @tameverts


Слайд 22


Слайд 23


Слайд 24

@tameverts


Слайд 25

Setting a performance budget http://timkadlec.com/2013/01/setting-a-performance-budget/ Performance budget metrics http://timkadlec.com/2014/11/performance-budget-metrics/ @tameverts


Слайд 26

HTTP Archive, June 2015 @tameverts


Слайд 27

@tameverts


Слайд 28

Reformat Compress Defer/lazy load Adaptive images Auto-preloading Solutions @tameverts


Слайд 29

Problem 2: Pages are too complex @tameverts


Слайд 30


Слайд 31

@tameverts


Слайд 32

@tameverts


Слайд 33

@tameverts


Слайд 34

@tameverts


Слайд 35

webpagetest.org


Слайд 36

Monitor Consolidate page resources Make sure stylesheets are in the document HEAD Host your fonts Optimize your pop-up scripts Solutions @tameverts


Слайд 37

Third-party content can make up >50% of page requests @tameverts


Слайд 38

Increase page weight Increase number of hosts and connections Introduce additional latency Prevent pages from loading Problems @tameverts


Слайд 39


Слайд 40

Defer scripts Use asynchronous versions (when possible) Know your scripts and their performance penalties Monitor constantly Solutions @tameverts


Слайд 41

@tameverts


Слайд 42


Слайд 43


Слайд 44


Слайд 45


Слайд 46

@tameverts performancebeacon.com


×

HTML:





Ссылка: