Understanding colors in WebPageTest waterfall view
I'm using webpagetest.org and am struggling understanding the meaning of the different colors in WebPageTest waterfall view. As you can see in the image below, each type (HTML, JS, CSS, etc.) has two colors – the former being paler than the latter. Anyone knows what is the meaning of these two colors?
Solution
According to this post from one of the authors:
The lighter time is the time from when the browser sends the request out on the wire until the first byte comes back. The darker color is the period where the resource is actually downloading.
- Deferred script is still render blocking according to webpagetest
- OSCP requests randomly appear in webpagetest.org results
- How to debug and fix Largest Contentful Paint LCP probem due to div with text loaded in initial HTML document?
- Error from Webpage API while running sitespeed.io Test
- WebPageTest shows no static cache but I got 304 response in repeated run
- undefined is not a valid uri or options object. in expressjs
- How to save a variable in Webpagetest script
- How to bundle html, js and css in one html file with webpack?
- Understanding WebPageTest waterfall
- how to make webpagetest.org load a website from a different IP address
- WebPagetest not filling in forms, gives "Navigation Error"
- Understanding colors in WebPageTest waterfall view
- How to test a page with an autoplaying video in Chrome on WebPageTest?
- WebPage test scripting with angular app
- How to parse http/https response and export it to a csv file
- How to test a page with WebPageTest where the login is from a popup?
- WebPageTest :: How can Start Render be after the load event?
- How CDN detection works in webpgatest
- Java testing client for WebPagetest
- How to put a wait in between the execution of two functions in nodejs
- WebPageTest complaining about not caching static resources even though I have caching enabled
- How to download a JavaScript file without parsing it?