Speed up stylesheet beautify #6
Description
Currently, we're beautifying stylesheets on load, in order to modify an individual property's SourceRange during toggling without needing to refetch SourceRanges for all other styles.
On large sites like Facebook, beautify stylesheets takes a pretty significant amount of time.
Improvements to be made here:
- Provide some kind of a loading indicator (e.g. by changing the icon Icon consistency #4)
- Skip over stylesheets belonging to extensions (https://chromedevtools.github.io/devtools-protocol/tot/CSS/#type-StyleSheetOrigin)
- Spin up some workers to beautify in parallel? Might be overkill 💀 💀
- This may be impossible given the API, but can we lazily beautify stylesheets without needing to do tons of refetches? Need to profile this first.