Drop Your Website Load Times Down A Waterfall
@zoompf
@cosjef
(In No Way) Certified Experts
Billy Hoffman
Founder, CTO @ Zoompf
billy@zoompf.com
@zoompf
Jeff Costa
Sales Engineer @ Aka...
What is a Waterfall?
• How to read one?
• How to create
one?
Audience Waterfalls
• Fields to use
• Advanced options
• Vide...
Avoid data theft and downtime by extending the
security perimeter outside the data-center and
protect from increasing freq...
What’s the Front End?
Back-end
Time to generate and send HTML
Front-end
Everything that follows
Important Timers
Start Render OnLoad Event
Avoid data theft and downtime by extending the
security perimeter outside the data-center and
protect from increasing freq...
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
justif...
Speed Browser Rendering
What Happens to the Waterfall?
SSL Latency
Errors Hurt You Twice
THANK YOU! Q?
@zoompf
@cosjef
Billy Hoffman
billy@zoompf.com
Jeff Costa
costa.jeff@akamai.com
Drop Your Website Load Times Down a Waterfall
Drop Your Website Load Times Down a Waterfall
Drop Your Website Load Times Down a Waterfall
Drop Your Website Load Times Down a Waterfall
Upcoming SlideShare
Loading in …5
×

Drop Your Website Load Times Down a Waterfall

351 views

Published on

As presented to the Atlanta HTML5 User Group on 6/12/2013.

Published in: Technology, Business
  • Be the first to comment

  • Be the first to like this

Drop Your Website Load Times Down a Waterfall

  1. 1. Drop Your Website Load Times Down A Waterfall @zoompf @cosjef
  2. 2. (In No Way) Certified Experts Billy Hoffman Founder, CTO @ Zoompf billy@zoompf.com @zoompf Jeff Costa Sales Engineer @ Akamai jecosta@akamai.com @cosjef
  3. 3. 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
  4. 4. 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
  5. 5. What’s the Front End? Back-end Time to generate and send HTML Front-end Everything that follows
  6. 6. Important Timers Start Render OnLoad Event
  7. 7. 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. Problems Latency: every request/response round trip incurs a latency penalty. Payload: page size increasing; last mile bandwidth varies wildly. Rendering: browser rendering and parsing takes time.
  8. 8. Reduce Page Weight
  9. 9. Make Fewer Round Trips
  10. 10. “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
  11. 11. Speed Browser Rendering
  12. 12. What Happens to the Waterfall?
  13. 13. SSL Latency
  14. 14. Errors Hurt You Twice
  15. 15. THANK YOU! Q? @zoompf @cosjef Billy Hoffman billy@zoompf.com Jeff Costa costa.jeff@akamai.com

×