Chrome：等待www.site.com，如何知道哪个资源延迟了页面加载？

Question

当网站因“加载www.site.com”状态而陷入Chrome时，无论如何都知道DOM上的哪些元素会延迟加载？例如，它可能是外部js文件或图像，需要很长时间才能加载。我尝试使用DeveloperTools中的网络选项卡，但它只显示已加载的元素和它们所用的时间。我找不到方法来查看哪个元素卡住了。

Answer 1

我找到了一种方式，我不确定它是否适用于所有情况，但它确实适用于我。我使用了时间线标签，它是Chrome开发工具中的一个标签。

1. 在Mac中打开Chrome开发者工具（ F12 或 CMD + Alt + I ）并点击< strong>时间轴标签
2. 确保您拖动灰色时间轴栏一直向右，您想要查看最新的活动部分，以便找到卡住的内容：



1. 检查记录边栏下方。如果您在捕获中看不到，请尝试切换图标，有不同的视图模式。现在，一路向下，我发现了这些。它看起来并不顺利。显然某些随机代码中存在某种无限循环：



我无法确定它是扩展本身还是其他一些代码。单击我只能找到// Copyright 2014 The Chromium Authors. All rights reserved.。

签入隐身模式，无需扩展，网站加载就好了。

我还建议检查控制台标签，看看是否有任何可能导致无限加载事件的错误。你经常会在那里找到线索。