How to read a WebPageTest waterfall chart

Click for: original source

Matt Hobbs put together this guide on web page test waterfall charts. He pulled together many bits of information into a single blog post.

The article dives in and explains:

  • Basic layout of the waterfall chart user interface
  • Vertical lines
  • Common scenarios, including
    • DNS-prefetch
    • Preconnect
    • Prefetch
    • Preloading
  • HTTP/1.1 vs HTTP/2
  • Online Certificate Status Protocol (OCSP)
  • Firefox enhanced tracking protection

… and much more. We liked how he explained OCSP bad performance and how you should look into enabling OCSP stapling on your server. Nice one!

[Read More]

Tags web-development frontend performance