pedal to the metal: speed up your load times for more conversions

41
PEDAL TO THE METAL Speed your page load times for more conversions @tameverts 2015 Conversion Conference Las Vegas #convcon

Upload: tammy-everts

Post on 06-Aug-2015

918 views

Category:

Technology


1 download

TRANSCRIPT

PEDAL TO THE METALSpeed your page load times for more conversions

@tameverts 2015 Conversion Conference Las Vegas #convcon

@tamevertsperformancebeacon.com

DO MOST MARKETERS 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 #convcon

@tameverts #convcon

2% increase in conversions for every 1 second of improvement

@tameverts #convcon

Increased conversions by 9%

Cut load times in half

@tameverts #convcon

Reduced average load time by 2.2 seconds and increased total downloads by 15.4%

10 million additional downloads per year

@tameverts #convcon

@tameverts #convcon

Impact of a 1-second delay

A site that earns $100K per day could lose $2.5M in sales in one year

@tameverts #convcon

HOW DO VISITORS FEEL ABOUT SLOW SITES?

(HINT: NOT GOOD)

@tameverts #convcon

@tameverts #convcon

@tameverts #convcon

16 THINGS YOU CAN DO TO DELIVER A FASTER USER EXPERIENCE

@tameverts #convcon

STEVE SOUDERS, AUTHOR, ‘HIGH PERFORMANCE WEB SITES’

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

@tameverts #convcon

1. PAGE SIZE2. PAGE COMPLEXITY

TWO MAIN PERFORMANCE PROBLEMS

@tameverts #convcon

PROBLEM 1: PAGES ARE TOO BIG

@tameverts #convcon

SINGLE GREATEST PERFORMANCE INDICATOR?

Faster pages are less than 1MB in size

Create a performance budgetMonitor, monitor, monitor

SOLUTIONS

@tameverts #convcon

@tameverts #convcon

@tameverts #convcon

@tameverts #convcon

@tameverts #convcon

ReformatCompressDefer/lazy loadAdaptive imagesAuto-preloading

SOLUTIONS

@tameverts #convcon

PROBLEM 2: PAGES ARE TOO COMPLEX

@tameverts #convcon

@tameverts #convcon

@tameverts #convcon

@tameverts #convcon

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

SOLUTIONS

@tameverts #convcon

THIRD-PARTY CONTENTCAN MAKE UP >50% OF PAGE REQUESTS

@tameverts #convcon

Increase page weight

Increase number of hosts and connections

Introduce additional latency

Prevent pages from loading

PROBLEMS

@tameverts #convcon

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

SOLUTIONS

@tameverts #convcon

@tameverts #convcon