我目前正在开展学生项目，但我遇到了代码问题。我们建立了一个电子文档，它混合了关于夜间工作人员的视频，图像，声音和文本数据。 它由HTML，Javascript和一些PHP组成，可以访问数据库。
最近我们发现当你到达网站时页面会无限加载......它破坏了我们的一些JS代码，我们不知道如何识别可能已损坏的资源......
什么可以让页面“永远”加载？我们应该使用什么样的工具（即firebugg或内置的chrome东西）来识别问题？
您可以在此处找到我们的开发人员：http://mgprddev2012.dream-valenciennes.com
编辑：PHP错误现在没问题，我忘了在开发平台上上传最新版本的代码。
非常感谢
答案 0 :(得分：4)
你并不疯狂 - 这个页面确实需要非常长的时间来加载。
如果您查看Chrome开发者工具中的“网络”标签，您会发现很多图像，音频文件和视频文件在开始时都会加载，而且大多数图像，音频文件和视频文件都不会立即显示。其中一些非常大。这可能是这样一种情况，即在您需要显示它们之前，最好将这些资产的大部分资产延迟加载，或者至少在您加载所需资产之后直至加载。
我建议您检查YSlow这是一个审核工具，它会为您提供一些提示，说明如何加快网页加载并显示以加快加载速度。该网站还提供了一些很好的提示和彻底的解释，说明为什么不同的策略是有效的。
此特定页面的一些提示：
很多图片都是文字图片。考虑将这些渲染为实际的html文本。您仍然可以使用CSS修改每个字母的大小，并且您还可以获得Chrome可以为非法语用户翻译文本的额外好处。您应该能够使用CSS边框来获取文本周围的那些线条，或者尝试使用SVG。
您的背景图片为2.2 MB。那太大了。尝试以较低的压缩设置保存它。
各个png文件中有一堆图标。考虑将它们全部放在一个文件中，并将其显示为CSS Sprites。
除了透明度之外，有几个png文件看起来可能是jpg的。如果您有野心，可以在左侧制作带有颜色通道的jpg，在右侧使用灰度渲染Alpha通道，并使用画布将它们合成。
您还有一些包含动画精灵的png文件。您可以将它们转换为视频并尝试与上面相同的画布技巧。如果您愿意使用WebGL，我可以使用一些代码。
答案 1 :(得分：3)
停止加载对我来说很好。 Firebug通常会告诉你是否有东西在后台加载。查看控制台区域以查看是否有任何事情在页面加载时停止。你是说它的当前状态是挂起的，因为对我来说它完成得很好。
在控制台中，您还可以看到可能导致无法正常工作的javascript错误。
答案 2 :(得分：0)
在JavaScript控制台中：
Uncaught TypeError: Cannot call method 'pause' of undefined debout.js:979
它表示未声明debout.pop02。你在哪里初始化它？