drop your website load times down a waterfall

Drop Your Website Load Times Down A Waterfall

@zoompf

@cosjef

(In No Way) Certified Experts

Billy HoffmanFounder, CTO @ Zoompf

billy@zoompf.com

@zoompf

Jeff CostaSales Engineer @ Akamai

jecosta@akamai.com

@cosjef

What is a Waterfall?

• How to read one?• How to create one?

Audience Waterfalls

• Fields to use• Advanced options• Video

Well-Known Waterfalls

• Review Pizza Hut waterfall diagram

Wicked Waterfalls

• Waterfall anti-patterns• Don’t do these things.

Agenda

The Plan

Avoid data theft and downtime by extending the security perimeter outside the data-center and protect from increasing frequency, scale and sophistication of web attacks.

Breaking Down A Web Request

What’s the Front End?Back-end

Time to generate and send HTMLFront-end

Everything that follows

Important TimersStart Render OnLoad Event

Avoid data theft and downtime by extending the security perimeter outside the data-center and protect from increasing frequency, scale and sophistication of web attacks.

ProblemsLatency: every request/response round trip incurs a latency penalty.

Payload: page size increasing; last mile bandwidth varies wildly.

Rendering: browser rendering andparsing takes time.

Reduce Page Weight

Make Fewer Round Trips

“The fastest request is the one you don't have to make.”-Steve Souders

“Every HTTP request you make should be well justified, and not taken lightly.”-Jeff Costa

Speed Browser Rendering

What Happens to the Waterfall?

OMG WTF MS?

SSL Latency

Errors Hurt You Twice

THANK YOU! Q?

@zoompf

@cosjef

Billy Hoffmanbilly@zoompf.com

Jeff Costacosta.jeff@akamai.com