How Slow Load Times Hurt Your Bottom Line (And 17 Things You Can Do to Fix It)

Preview:

Citation preview

How Slow Load Times Hurt Your Bottom Line

@tameverts Web Unleashed 2015 #WebU

@tamevertsperformancebeacon.com

Do MOST people consider page speed an important part of user

engagement?

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

@tameverts

2% increase in conversions for every 1 second of improvement

@tameverts

Increased conversions by 9%

Cut load times in half

@tameverts

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

@tameverts

@tameverts

How do visitors feel about slow sites?

(hint: not good)

@tameverts

@tameverts

17 things you can do to deliver

a faster user experience

Steve Souders, author, ‘High Performance Web Sites’

“80-90% of end-user response time is at the front end. Start there.”

@tameverts

1 Page size2 Page complexity

Two main performance problems

@tameverts

Problem 1: Pages are too big

@tameverts

@tameverts

Single greatest indicator of fast performance?

Faster pages are less than 1MB in

size@tameverts

Know where your page weight is coming fromCreate a performance budgetMonitor, monitor, monitor

Solutions

@tameverts

@tameverts

Setting a performance budgethttp://timkadlec.com/2013/01/setting-a-performance-budget/

Performance budget metricshttp://timkadlec.com/2014/11/performance-budget-metrics/ @tameverts

HTTP Archive, June 2015

@tameverts

@tameverts

ReformatCompressDefer/lazy loadAdaptive imagesAuto-preloading

Solutions

@tameverts

Problem 2: Pages are too complex

@tameverts

@tameverts

@tameverts

@tameverts

@tameverts

webpagetest.org

MonitorConsolidate page resourcesMake sure stylesheets are in the document HEADHost your fontsOptimize your pop-up scripts

Solutions

@tameverts

Third-party contentcan make up >50%

of page requests

@tameverts

Increase page weightIncrease number of hosts and connectionsIntroduce additional latencyPrevent pages from loading

Problems

@tameverts

Defer scriptsUse asynchronous versions (when possible)Know your scripts and their performance penaltiesMonitor constantly

Solutions

@tameverts

@tameverts

@tamevertsperformancebeacon.com

Recommended