GoogleChrome / GoogleChrome/lighthouse
Critical Network Waterfall visualization.
- Dominant language
- JavaScript
- Stars
- 30.8k
- Forks
- 9.8k
- Avg merge
- 1d 14h
- Merged PRs (30d)
- 20
Description
Currently we have a fairly droll representation of the network waterfall.
Paul Lewis did some fantastic mocks that explore how Lighthouse could better render the entire critical path:


Only slightly relevant, an ugly one from me, trying to combine a smarter network waterfall with grouping by initiator:

-----------------
We can do something along these lines, and dramatically improve how folks understand the key network requests. The scope is a tad smaller than the images above, as we want to start only with replacing the "Critical Network Chains" visualization, and not yet deal with screenshots, main thread activity, or metrics.
**Is someone interested in investigating this?** We need someone with good skills in visualizing data to take this on.
It'll require some experimenting and iteration, but we will end up with way of representing this data that will be awesome.I also expect a successful design to be adopted by chrome devtools, at least.
Contributor guide
Research direction
No implementation file, entry point, or test is named. Locate the existing Critical Network Chains visualization and review how its data is rendered, then iterate on a replacement focused on the critical path and network requests. Done means the current visualization is replaced without expanding into screenshots, main-thread activity, or metrics.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- data-visualization, frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 25/100