Chrome DevTools on docs page very slow

[rothsandro]

Hi,

The new docs page for RAC are great. However, I noticed that the Chrome DevTools are extremely slow on Windows (not reproducible on macOS), if the "Elements" tab and "Styles" subtab are selected.

devtools-performance.mp4

I don't need to inspect the docs page itself, but it's sometime useful to inspect the component demos, which is currently annoying to do. I'm the only one doing this?

This is (very likely) caused by the CSS styles of the docs which are placed in CSS layers. If a different subtab (e.g. "Computed") is selected, everything works fine. I reported this a year ago as a bug to Chromium (381211726). They first confirmed the bug but then later closed it as not reproducible because some improvements were made and my initial demo (with Bootstrap CSS) was fast enough, but it's still reproducible in other cases.

Can you reproduce the problem on your side? If yes, it would probably helpful if you could add a comment to the Chromium issue with this use case (I could do it as well but probably helps if the problem is also reported by someone else).

[yihuiliao]

Yeah, I was able to reproduce on Windows (and on Mac actually) but only after clicking through a bunch of pages first. Seems okay after you do a full page refresh though. It might be an issue on our side where the site is somehow duplicating css and bogging down the dev tools but we'll need to investigate more