新网站上的 IE8 页面非常慢

Question

我最近从头开始创建了一个网站，对此我感到非常自豪（对我来说这是一个新壮举！），并开始在可怕的 IE 中对其进行测试。我注意到，在 IE8 中，如果我想将鼠标悬停在任何链接上，则需要很长时间才能完成（需要 0.5 秒以上才能识别鼠标在链接上并更改为“单击此处”图标）。它在 IE6 和 IE7 中运行良好。

当我取出两张简单的图片（大约 500KB 和 100KB）时，页面似乎运行正常。为什么这两张图片在 IE8 上表现如此糟糕，而其他浏览器却可以很好地处理这种尺寸的图片？我该怎么做才能解决这个问题？

-卡尔

Answer 1

大多数浏览器都不会下载图像，除非您先将鼠标放在图像上，然后 JavaScript 会翻转它。

我怀疑其他浏览器缓存了图像，这就是它们速度很快的原因，而 IE8 可能每次都会重新加载它。

对于网站上的图片来说，500KB 的图片已经很大了，尤其是暂时用于鼠标悬停的图片。我建议您尝试通过将其保存为 jpg 或 gif 的压缩格式来优化图片。

这里有一个JavaScript 示例如何在页面加载时预加载图像。

var myImages = new Array ("Home.jpg", "HomeRoll.jpg");
var myPreload = new Array (); 
for (var i = 0; i < myImages.length; i++ )
{
    myPreload[ i ]= new Image();
    myPreload[ i ].src = myPics[ i ];
}