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 #WebU

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

/

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

/

2% increase in conversions for every 1 second of improvement

@tameverts #WebU

Increased conversions by 9%

Cut load times in half

@tameverts #WebU

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

@tameverts #WebU

@tameverts #WebU

How do visitors feel about slow sites?

(hint: not good)

@tameverts #WebU

@tameverts #WebU

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 #WebU

1 Page size2 Page complexity

Two main performance problems

@tameverts #WebU

Problem 1: Pages are too big

@tameverts #WebU

@tameverts #WebU

More bandwidth isn’t the answer

http://www.soasta.com/blog/more-bandwidth-isnt-a-magic-bullet-for-web-performance

/

Single greatest indicator of fast performance?

Faster pages are less than 1MB in

size@tameverts #WebU

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

Solutions

@tameverts #WebU

@tameverts #WebU

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

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

#WebU

@tameverts #WebU

HTTP Archive, June 2015

@tameverts #WebU

ReformatCompressDefer/lazy loadAdaptive imagesAuto-preloading

Solutions

@tameverts #WebU

Problem 2: Pages are too complex

@tameverts #WebU

@tameverts #WebU

@tameverts #WebU

@tameverts #WebU

@tameverts #WebU

webpagetest.org

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

Solutions

@tameverts #WebU

Third-party contentcan make up >50%

of page requests

@tameverts #WebU

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

Problems

@tameverts #WebU

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

Solutions

@tameverts #WebU

@tameverts #WebU

@tamevertsperformancebeacon.com