How Slow Load Times Hurt Your Bottom Line

If you like this presentation – show it...

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


Slide 5


Slide 6


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


Slide 11

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

Slide 12


Slide 13


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


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


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


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


Slide 32


Slide 33


Slide 34


Slide 35


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


Slide 42

Slide 43

Slide 44

Slide 45

Slide 46

@tameverts performancebeacon.com