drop your website load times down a waterfall
DESCRIPTION
As presented to the Atlanta HTML5 User Group on 6/12/2013.TRANSCRIPT
Drop Your Website Load Times Down A Waterfall
@zoompf
@cosjef
(In No Way) Certified Experts
Billy HoffmanFounder, CTO @ Zoompf
@zoompf
Jeff CostaSales Engineer @ Akamai
@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