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


Слайд 5


Слайд 6


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


Слайд 11

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

Слайд 12


Слайд 13


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


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


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


Слайд 28

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

Слайд 29

Problem 2: Pages are too complex @tameverts

Слайд 30

Слайд 31


Слайд 32


Слайд 33


Слайд 34


Слайд 35


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


Слайд 42

Слайд 43

Слайд 44

Слайд 45

Слайд 46

@tameverts performancebeacon.com