javascript - 带有 HTML5（Stepcarousel）的网站在 IE 中速度慢？

Question

请在 IE 和 Chrome/Firefox 中查看此页面：http: //goo.gl/kR2Cv

在 Chrome/Firefox 中它加载速度很快并且工作正常，但在 Internet Explorer 中它加载很慢并且非常滞后。在页面中，我使用 HTML5 和 jquery/stepcarousel 以及很多图像。整个网站只是一个 html 页面。

我不明白为什么它在 Chrome/Firefox 中运行良好，但在 Internet Explorer 中却不行？有人可以向我指出这一点并可能帮助我解决问题吗？

谢谢。

score 2 · Accepted Answer

Internet Explorer 在版本 9 之前有一个臭名昭著的引擎。除了在支持现代标准方面远远落后之外，它也很慢。然而，版本 9 及更高版本已显着改进，因此，您的网站在 IE9、Firefox 和 Chrome 中运行同样流畅。但是，在 IE8 中，正如您所说，它运行得非常慢。

如果您想支持 IE8，也许您可以为这些用户选择一个不太注重效果的设计，以保持最佳性能。

score 1 · Accepted Answer

你的网站太重了。它接近 3mb，在 Chrome 上加载需要 12 秒（10mbps 连接）。您应该避免下载所有这些背景图片，直到需要它们，并优化它们（使用 ImageOptim、PunyPNG 或类似的，您将不得不为 JPEG 牺牲一点质量）。在主页上瞄准 <600kb。

较旧的 IE 版本的并行下载限制低于现代浏览器，并且可能会因加载的图像数量而窒息。

score 0 · Accepted Answer

由于我的连接速度较慢，FF 加载页面的速度比 IE9 快十倍。我认为您的文件格式有问题。下面的代码是您的代码片段：

确保以DOS/Windows或- 模式保存文件ANSI。

score 0 · Accepted Answer

IE8 需要大量 HTML 才能同时移动。那是一个表格布局可能没有帮助。表格往往会触发更多的回流计算。

这里有很多关于这个主题的好建议：

4 回答 4