jQuery 使 Internet Explorer 崩溃

Question

好的，基本上，我正在设计和开发一个相当复杂的网站，它围绕着 jQuery 的使用。我对 jQuery 的了解真的很差，这是我第一次正确使用它。我之前在这里发布了一个关于脚本的问题，显然它很糟糕，但我并没有向你展示我实际编写它的目的，我现在可以......因为我已经将它上传到了一个测试目录。
它现在可以在 IE 以外的所有浏览器中正常工作。 CSS 样式已经到了那里，它应该很快就会完成!但是，Internet Explorer 出现了严重的问题。在 IE 7,8 中，它看起来不错，但是当您将鼠标悬停在链接上时，它会立即崩溃。 IE 6，显示似乎根本无法正常工作。但 IE 6 是一个较小的问题。

如果您只需要 5 或 10 分钟来重写一个可能需要我 10 小时的简单脚本，我将非常感激!
继承人的网站 -
http://openyourheart.org.uk/test/index.html

如果需要，我可以发送所有压缩的文件。

先感谢您。

布拉德利

Answer 1

您应该在页面上做很多事情。

1) 对于生产总是使用 jQuery 的缩小版本。更好的是，使用来自像谷歌这样的 CDN 的 jQuery，这样 jQuery 已经缓存在客户端浏览器中的机会就会增加，并且加载时间会减少。

现在你的 jquery 是 160kb，而不是在你的 header 中使用它:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

2) 滑动面板 ( http://www.openyourheart.org.uk/test/scripts/jquery.slidingpanels.js) 给出 404 - 检查你的脚本是否在正确的位置)。

3) 现在有 8 个 HTTP 请求只针对 JavaScript。您可以放入一个文件和 minifiy( YUI Compressor) 的 javascript 越多越好。每个 Javascript 都会加载，并且会阻止其他所有内容加载到您的页面上，直到加载为止，因为这些都在顶部。整个页面将需要很长时间才能加载。

使用 firefox 中的 Firebug(Net tab) Addon 之类的工具来查看正在加载的文件数量以及它们有多大。

4)我认为图像有变小的空间(一张facebook黄色图像是500kb - 你的背景是1.3MB - Love Hurts是590KB)你在3张图像之间有2 MB - 想象有人用拨号连接试图访问您的站点。
无论如何，您的背景没有太多细节-在 Photoshop 中，如果质量下降到 6-8，我认为这不会有太大的不同。

5)其他较小的图像可以制作成PNG并缩小，它们的尺寸会大大减小。对于 PNG 文件，您可以使用 OptiPNG 等实用程序来减小 png 图像的大小——我认为特定图像(facebook)一旦制作为 png 并缩小，应该低于 25kb 范围。

6) 考虑对您的网页进行 GZip 压缩。

我还没有在 IE 中看到这一点，因为网站本身有很多基本应该改变的地方。一旦你优化了你的网站，我认为它可以在 IE 中工作，除非你的 JavaScript 中存在与 IE 相关的特定问题(提示，请查看插件文档以了解已知的 IE 相关问题)。

较高的加载时间对 SEO 不利，而且 google 已将加载时间视为 SEO 参数。在 firefox Firebug 中，您可以安装一个名为 YSlow 的插件!这将帮助您跟踪您可以做的其他事情。