我最近从头开始build立了一个我很自豪的网站(一个新的壮举!),并开始在可怕的IE中进行testing。 我注意到,在IE8中,如果我想将鼠标hover在任何链接上,只需要很长时间(0.5秒以上就可以识别鼠标hover在某个链接上,并转换为“点击此处”图标)。 它在IE6和IE7中“很好”。
当我拿出2张简单的图片(大约500KB和100KB)时,页面似乎正常工作。 为什么这两个图片绊倒IE8如此糟糕,但其他浏览器可以处理这个尺寸的图片就好了? 我能做些什么来解决它?
-Karl
大多数浏览器不会下载图像,直到您第一次将鼠标放在它上面,并且JavaScript将其翻转。
我怀疑其他浏览器caching的图像,这就是为什么他们很快,IE8可能会重新加载它每次。
一个500KB的图片对于一个网站上的图片来说是相当大的,特别是对于像鼠标hover这样的图片而言。 我build议你尝试通过将图像保存为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 ]; }