带有HTML5(Stepcarousel）的网站在IE中很慢

Website with HTML5 (Stepcarousel) slow in IE?

本文关键字：IE 网站 HTML5 Stepcarousel 带有更新时间：2023-09-26

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

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

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

谢谢。

Internet

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

如果你想支持IE8，也许你可以为这些用户采用效果不那么重的设计，以保持最佳性能。

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

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

IE8 需要同时移动很多 HTML。也就是说，表格布局可能无济于事。表往往会触发更多的回流计算。

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

http://www.stubbornella.org/content/2009/03/27/reflows-repaints-css-performance-making-your-javascript-slow/

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

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