网页永远不会停止加载

Question

我目前正在开展一个学生项目，我遇到了代码问题。 我们建立了一个电子文档，它混合了关于夜间工作人员的视频，图像，声音和文本数据。 它由HTML，Javascript和一些PHP来访问数据库。

最近我们发现当你到达网站时页面无限加载......它破坏了我们的一些JS代码，我们不知道如何识别可能已损坏的资源......

什么可以使页面“永远”加载？ 我们应该使用什么样的工具（即firebugg或内置的chrome东西）来识别问题？

您可以在这里找到我们的开发人员： http ： //mgprddev2012.dream-valenciennes.com

编辑：PHP错误现在没问题，我忘了在开发平台上上传最新版本的代码。

非常感谢

Answer 1

你并不疯狂 - 这个页面确实需要非常长的时间来加载。

如果您查看Chrome开发者工具中的“网络”标签，您会发现很多图像，音频文件和视频文件在开始时都会加载，而且大多数图像，音频文件和视频文件都不会立即显示。 其中一些非常大。 这可能是这样一种情况，即在您需要显示它们之前，最好将这些资产的大部分加载推迟，或者至少在您加载所需资产之后。

我建议检查你的YSlow ，这是一个审计工具，这将使你如何让你的网页加载速度更快一些技巧，而且似乎加载速度更快。 该网站还提供了一些很好的技巧和详尽的解释，说明为什么不同的策略是有效的。

这个特定页面的一些提示：

• 你的很多图像都是文字图片。 考虑将这些渲染为实际的html文本。 您仍然可以使用CSS修改每个字母的大小，并且您还可以获得Chrome可以为非法语用户翻译文本的额外好处。 您应该能够使用CSS边框来获取文本周围的那些线条，或者尝试使用SVG。

• 您的背景图片是2.2 MB。 那太大了。 尝试以较低的压缩设置保存它。

• 各个png文件中有一堆图标。 考虑将它们全部放在一个文件中，并将它们显示为CSS Sprites 。

• 除了透明度之外，有几个png文件看起来可能是jpg的。 如果您有野心，可以在左侧使用颜色通道制作jpg，在右侧使用灰度渲染Alpha通道，并使用画布合成它们。

• 你还有几个包含动画精灵的png文件。 您可以将它们转换为视频并尝试与上面相同的画布技巧。 如果您愿意使用WebGL，我可以使用一些代码。

Answer 2

停止加载对我来说很好。 Firebug通常会告诉你是否有东西在后台加载。 查看控制台区域以查看是否有任何事情在页面加载时停止。 你是说它的当前状态是挂起的，因为对我来说它完成得很好。

在控制台中，您还可以看到可能导致无法正常工作的javascript错误。

Answer 3

在JavaScript控制台中：

Uncaught TypeError: Cannot call method 'pause' of undefined debout.js:979

它说debout.pop02没有声明。 你在哪里初始化它？