Google Chrome developer tools works very slow

Question

Sinсe Google Chrome was updated to 50.x version, it become impossible to work with DevTools. This issue reproduced mostly in \"Network\" tab. Every time when you click on \"requ

Answer 1

For me, running Chrome Version 81.0.4044.138 (Official Build) (64-bit) on Ubuntu 18, the problem seems to be the mobile view. When I disable mobile view inspecting becomes really fast again. I think it is caused by touch emulation and other mobile stuff.

To have something similar to a mobile view I move the DevTools dock to the side and resize it until I get the width I need. It is not perfect, but it is useful most of the time.

Besides Chrome, Firefox is much faster when inspecting sites overall, though I didn't use FF because I'm used to specific things on Chrome. Moreover, most of the sites I work with do not trigger these issues on Chrome, in fact, it happens with only one site.

PD: the site that triggers the issue on Chrome Dev Tools has lots of CSS variables. Not sure if that is related.

UPDATE 1 WEEK ago I was able to use Chrome without issues even in the mobile view by disabling the option "Show media queries"

Answer 2

In my case, I had Local Overrides setup (https://developers.google.com/web/updates/2018/01/devtools#overrides) in Downloads folder which had a lot of files in it and that slowed down devtools.

Setting up overrides in its own seprate directory fixed the slowness.

Answer 3

I sped up Chrome again by doing the following:

• Open DevTools -> select Elements tab ->
  • select nested Computed tab -> under Filter, make sure that Show all is unselected.
  • select nested Event Listeners tab -> make sure that Ancestors and Framework listeners are unselected.

Answer 4

In case others arrive here facing the same issue I had, try changing the Dev tools tab you're looking at to Elements.

I had the "Sources" tab open and Chrome was trying to load enormous assets for that tab, which created a multisecond delay between the console.log() events I created and the display of those logged messages.

Answer 5

My situation was similar, after struggling a while with extreme slow developer tools response I found out the problem was caused by a Chrome extension I had installed for knockoutJs. So for people experiencing these issues, as part of the initial troubleshooting, try disabling chrome extensions.

Answer 6

I've had the same time issue on 54.0.2840.99 m version of Google Chrome.

But switching to Chrome Canary worked !