如何诊断网页半加载问题？答案

【问题标题】：how to diagnose web page half-loading problem?如何诊断网页半加载问题？
【发布时间】：2012-08-07 18:47:37
【问题描述】：

当我打开一个页面时，它经常在我的网站上加载一半（如上面的 PNG 所示），然后永远停留在那里加载 - 如果我刷新页面，它就会正确加载页面。我需要一些线索来诊断这个问题。

网站的负载一点也不重，SQL日志也没有显示任何负载。

任何帮助表示赞赏。

更新：感谢所有 cmets - 没有 js 错误（除了常见的 adsense 问题，我尝试不使用 adsense，同样的问题） - 我使用 chrome 开发工具运行 - 页面的加载在 a 之后停止几秒钟后，chrome 就会永远加载下去。见：

我真的觉得这可能更像是服务器端问题？

【问题讨论】：

在您的开发者工具中检查时间线（例如在 Chrome 中）。需要什么资源？按什么顺序？ HTML 文档是否已完全加载？是否存在 JavaScript 错误？
@Šime Vidas 我已经使用 Chrome 进行了一些运行 - 请在上面查看我的更新

标签： html performance web

【解决方案1】：

您在托管在另一个网站上的页面上是否有一些嵌入的 javascript？如果它正在等待外部的东西，这可以停止加载。

【讨论】：

【解决方案2】：

我建议使用 Google chrome 或 Firefox 的 Firebug。这两个工具都包含显示加载时间的工具，并且可能会为您指明哪些内容耗时过长、哪些内容未加载等。

Google Chrome：右键单击页面，检查元素，“时间轴”按钮。
Firefox 的 Firebug：右键单击，检查元素，网络选项卡。

【讨论】：

我已经使用 Chrome 进行了一些运行 - 请参阅上面的更新

【解决方案3】：

你用的是什么浏览器？如果您使用的是 Google Chrome 或 Safari，那么这两种浏览器都有一些开箱即用的出色调试工具。如果您使用 FireFox，FireBug 是一款出色的调试插件，您也可以使用它进行调试。我相信 IE 甚至可能也有调试工具，但如果没有，我听说 DebugBar 是一个不错的工具。对我来说，Web 开发已经有一段时间了，所以就 IE 调试工具而言，我有点脱离了循环。

【讨论】：

IE 使用基于 Firebug 的内部调试器。
我已经使用 Chrome 进行了一些运行 - 请参阅上面的更新
我注意到页面是通过 php 提供给浏览器的。试试 Xdebug (xdebug.org)，看看你的问题是否出在 php 脚本上。我不相信它会集成到您的浏览器中，但是 AFAIK 确实没有办法在浏览器中动态调试 PHP 代码，因为它是提供给浏览器的 HTML 代码。

【解决方案4】：

单独加载任何 png 或 jpg 文件，并查看图像加载是否存在障碍。

【讨论】：

我认为服务器端是我的朋友。可能与麻烦有关。如果你明白我的意思。以后解决这个问题可能会更好。
这与埃及这里的起义无关 :)