在HTML中,HTML5(Stepcarousel)的网站速度慢吗?

时间:2012-04-13 07:16:36

标签: javascript performance html5 internet-explorer

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

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

我不明白为什么它在Chrome / Firefox中运行得那么好但在Internet Explorer中却不行?有人可以向我指出并可能帮助我找到解决方案吗?

感谢。

4 个答案:

答案 0 :(得分:2)

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

如果你想支持IE8,也许你可以为这些用户减少效果较差的设计,以保持性能最佳。

答案 1 :(得分:1)

您的网站方式太重了。它接近3mb,在Chrome上加载需要12秒(10mbps连接)。您应该避免在需要之前下载所有这些背景图片,并优化它们的地狱(使用ImageOptim,PunyPNG或类似的,你将不得不牺牲一点质量的JPEG)。目标是在主页上显示<600kb。

较旧的IE版本具有比现代浏览器更低的并行下载限制,并且可能会阻塞加载的图像数量。

答案 2 :(得分:0)

使用慢速连接FF加载页面的速度比IE9快十倍。我认为你有一个fileformat的问题。以下代码是代码中的代码段:

kläder för dam och barn, från idé

确保将文件保存在DOS/WindowsANSI - 模式。

答案 3 :(得分:0)

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

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

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