Drop your website load times down a waterfall final 1

324 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
324
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Made up of the socket connection time, the time taken to send the HTTP request, and the time taken to get the first byte of the page. TTFB is everything after the HTTP request - the duration from the user making an HTTP request to the first byte of the page being received by the browser.
  • Made up of the socket connection time, the time taken to send the HTTP request, and the time taken to get the first byte of the page. TTFB is everything after the HTTP request - the duration from the user making an HTTP request to the first byte of the page being received by the browser.
  • Start Render: point of time when the browser starts to render and display the content - browser has enough info to start drawing the page.OnLoad Event: user perceives page is ready and can begin interacting with itDocument Complete:point of time when the browser finishes loading all content except objects that are triggered by Javascript execution
  • Page size is increasing due to images, analytics, ads, social sharing.Delivering static content to the browser consumes >85% of page load time. Staticcontent is the biggest cause of poor performance in modern web applications.
  • Drop your website load times down a waterfall final 1

    1. 1. Drop Your Website Load Time 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. Cool Things You’ll Learn • How do I read a waterfall? • Waterfall anti-patterns • Creating your own waterfall
    4. 4. Typical Waterfall
    5. 5. 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 Request
    6. 6. Breaking Down A Request
    7. 7. Back-end vs Front-end? Back-end Time to generate and send HTML Front-end Everything that follows
    8. 8. Important Timers Start Render OnLoad Event
    9. 9. 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.
    10. 10. Waterfall Anti- Patterns
    11. 11. SSL Latency
    12. 12. SSL Latency Part Deux
    13. 13. The Hockey Stick
    14. 14. Errors + Redirects
    15. 15. DNS Lookup
    16. 16. TTFB
    17. 17. Keep-Alive
    18. 18. The Independent (UK) http://goo.gl/T02rhU
    19. 19. Why Should I Care? “We’ve made the Internet in our image…which in America means obese”. -Jason Grigsby
    20. 20. Hands ON – Webpagetest.org
    21. 21. Resources • Webpagetest on Github • Quick start guide • Build your own instance • Support forums
    22. 22. THANK YOU @zoompf Billy Hoffman billy@zoompf.com Jeff Costa jecosta@akamai.com @cosjef

    ×