Chrome: waiting for the site www.site.com, how to find out which resource delays page loading?

When the site is stuck in chrome with the status of "loading the site www.site.com", you still need to know which of the elements on the DOM is holding the load? for example, it can be an external js file or an image that takes a long time to load. I tried using the network tab in DeveloperTools, but it only shows the items that are already loaded and the time they took. I could not find a way to see which element was stuck.

+7
dom google-chrome pageload
source share
1 answer

I found a way that I'm not sure if it works in all cases, but that was for me. I used the Timeline tab, this is one of the tabs in Chrome Dev tools.

  • Open Chrome Developer Tools ( F12 or CMD + Alt + I on Mac) and go to the Timeline tab
  • Make sure to drag the gray panel of the timeline to the right, you want to see the last section of events so that you can find what is stuck:

Gray bar

  1. Verify that you are below the sidebar of the entries. If you don’t see how in the capture, try switching the icons, there are different viewing modes. Now, going all the way, I found them. It doesn't seem like everything is going well. Obviously some kind of infinite loop in some random code:

enter image description here

I could not find out if it was the extension itself or some other bit of code. By clicking, I was able to find // Copyright 2014 The Chromium Authors. All rights reserved. // Copyright 2014 The Chromium Authors. All rights reserved. .

Incognito check is disabled from extensions, the site loads just fine.

I also recommend checking the Console tab to see if there are any errors that can cause endless downloads. You will often find keys there.

+2
source share

All Articles