我最近从头开始建立了一个我非常自豪的网站(对我来说是一项新壮举!),并开始在可怕的 IE 中对其进行测试。我注意到在 IE8 中,如果我想将鼠标悬停在任何链接上,它只需要很长时间(识别鼠标在链接上并更改为“单击此处”图标需要 0.5 秒以上)。它在 IE6 和 IE7 中运行良好。
当我拿出两张简单的图片(大约 500KB 和 100KB)时,页面似乎工作正常。为什么这两张图片在 IE8 上表现得如此糟糕,而其他所有浏览器都可以很好地处理这种大小的图片?我能做些什么来修复它?
-卡尔
我最近从头开始建立了一个我非常自豪的网站(对我来说是一项新壮举!),并开始在可怕的 IE 中对其进行测试。我注意到在 IE8 中,如果我想将鼠标悬停在任何链接上,它只需要很长时间(识别鼠标在链接上并更改为“单击此处”图标需要 0.5 秒以上)。它在 IE6 和 IE7 中运行良好。
当我拿出两张简单的图片(大约 500KB 和 100KB)时,页面似乎工作正常。为什么这两张图片在 IE8 上表现得如此糟糕,而其他所有浏览器都可以很好地处理这种大小的图片?我能做些什么来修复它?
-卡尔
大多数浏览器不会下载图像,直到您首先将鼠标放在图像上并且 javascript 将其翻转。
我怀疑其他浏览器缓存了图像,这就是它们速度快的原因,而 IE8 可能每次都重新加载它。
500KB 的图像对于网站上的图像来说是相当大的,特别是对于像鼠标悬停这样的临时图像。我建议您尝试通过将图像保存为 jpg 或 gif 的压缩格式来优化图像。
这是一个javascript 示例,说明如何在页面加载时预加载图像。