Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Chrome: waiting for www.site.com, how to know which resource is delaying the page load?

When a site gets stuck in chrome with the 'loading www.site.com' status, Is there anyway to know which of the elements on the DOM is delaying the load? for example, it can be an external js file or image that is taking long time to load. I tried using the network tab in the DeveloperTools, but it only shows the elements already loaded and the time they took. I couldn't find a way to see which element is stuck.

like image 921
Agu Dondo Avatar asked Jun 19 '14 14:06

Agu Dondo


People also ask

How do I check my latency on Google Chrome?

To check what's slowing down your page, open Chrome DevTools by right-clicking on the page and selecting Inspect. Then select the Performance tab and click the Start profiling and reload page button.

How do I check my web application speed in Chrome?

To access the Performance tab, navigate to the website you want to profile, then open Chrome DevTools by right-clicking and selecting Inspect. Select the Performance tab inside Chrome DevTools. The easiest way to capture a performance profile is by clicking the Start profiling and reload page icon.

How do I find the response time on my network tab?

# View the timing breakdown of a request. To view the timing breakdown of a request: Click the URL of the request, under the Name column of the Requests table. Click the Timing tab.


1 Answers

I found a way that I'm not sure it works in all cases, but it did for me. I used the Timeline tab, it's one of the tabs in Chrome Dev Tools.

  1. Open Chrome Developer tools (F12 or CMD + Alt + I in Mac) and click the Timeline tab
  2. Make sure you drag the grey timeline bar all the way to the right, you want to see the most recent section of events so you can find what's getting stuck:

Grey bar

  1. Check just down below the records sidebar. If you don't see like in the capture, try toggling the icons, there are different view modes. Now, going all the way down I found these. It doesn't look like that's going well. Obviously some kind of infinite loop in some random code:

enter image description here

I couldn't find out if it was an extension itself or some other bit of code. Clicking through I only could find // Copyright 2014 The Chromium Authors. All rights reserved..

Checking in Incognito mode clear of extensions, the website loads just fine.

I'd also advise to check the Console tab to see if there are were any errors that might cause the infinite loading thing. You'll often find clues there.

like image 122
Neithan Max Avatar answered Sep 30 '22 07:09

Neithan Max