如何让网站上的图片加载更快？

悬赏园豆：40 [已关闭问题]

图片越大加载时间越长，但是有的网站图片很多同样加载很快(我知道和服务器、网速有关)，有哪些办法可以是网站上的图片加载更快呢？我在IIS设置了图片缓存，加载后访问很快，可是初次加载还是比较慢！

希望大家能踊跃的告诉我如何使网站加载图片的速度更快的方法！

谢谢！

.NET技术 ASP.NET

Nova_Zhang | 初学一级 | 园豆：0
提问于：2010-02-23 15:10

< >

其他回答(5)

要使网站加载速度更快的话，那把图片用AJAX异步加载，加载完网站再加载图片。如果想使网站图片加载快的话么，把大图片切片还有转换图片大小更底的格式（如GIF,JPEG2000）。

阿松 | 园豆：601 (小虾三级) | 2010-02-23 15:54

可以像Google图片搜索一样，先加载缩略图，再逐步变清晰，参考代码，采用JS可以实现

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>图片由模糊变清楚</title>

</head>

<body>

var img = new Image();

img.src = "http://www.forasp.cn/test/images/big_showimg.jpg";

img.onload = function()

{//这里是要加载的源图像，document.getElementById('myImage').src = this.src;

document.getElementById('showinfo').innerHTML='加载完毕,<a href=images/big_showimg.jpg>查看原图</a>';

}

</script>

</body>

</html>

查尔斯 | 园豆：3832 (老鸟四级) | 2010-02-23 18:10

楼上的方法好～～～

‰流浪※ | 园豆：132 (初学一级) | 2010-02-24 02:16

本身来说，图片资源都相对是比较大的，如果要从根本来解决问题，就是把图片缓存起来，访问是直接读取缓存图片这样子肯定快了.可以用ngix来做

其次针对图片来说使用独立的域名，比如img.cnblogs.com这样子，把图片和动态页面进行分离，速度也会有小范围的提升..

西越泽 | 园豆：10775 (专家六级) | 2010-02-26 18:13

1、选择合适的图片的格式

2、动态加载资源，页面外部文件加载的时候，先分配占位符（参考extjs源代码）

3、图片的缓存

风影极光 | 园豆：1573 (小虾三级) | 2010-02-26 18:28

如果一个网站上图片比较多，并且不需要打开页面时一次性全部加载的话，可以考虑图片预加载（图片延迟加载）技术啊！

这种技术网上很多，可以用google搜索下的，院子里也有兄弟封装过js方法的，具体请参考：

langford | 园豆：710 (小虾三级) | 2010-02-26 23:55

清除回答草稿

您需要登录以后才能回答，未注册用户请先注册。

欢迎，请先 登录 或者 注册 。