How Slow Load Times Hurt Your Bottom Line


The Presentation inside:

Slide 0

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


Slide 1

@tameverts performancebeacon.com


Slide 2

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


Slide 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.”


Slide 4

@tameverts


Slide 5

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


Slide 6

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


Slide 7

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


Slide 8

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


Slide 9

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


Slide 10

@tameverts


Slide 11

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


Slide 12

@tameverts


Slide 13

@tameverts


Slide 14

17 things you can do to deliver a faster user experience


Slide 15

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


Slide 16

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


Slide 17

Problem 1: Pages are too big @tameverts


Slide 18

@tameverts


Slide 19

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


Slide 20

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


Slide 21

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


Slide 22


Slide 23


Slide 24

@tameverts


Slide 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


Slide 26

HTTP Archive, June 2015 @tameverts


Slide 27

@tameverts


Slide 28

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


Slide 29

Problem 2: Pages are too complex @tameverts


Slide 30


Slide 31

@tameverts


Slide 32

@tameverts


Slide 33

@tameverts


Slide 34

@tameverts


Slide 35

webpagetest.org


Slide 36

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


Slide 37

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


Slide 38

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


Slide 39


Slide 40

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


Slide 41

@tameverts


Slide 42


Slide 43


Slide 44


Slide 45


Slide 46

@tameverts performancebeacon.com


×

HTML:





Ссылка: