请问一下网站需要展示的图片太多，该怎么处理

Question

现在我单位的网站，首页上要显示的图片太多了，以至于用FIREBUG看首页的图片加起来有4.3M，如果将图片质量调低的话，图片又满足不了编辑对图片的要求。现在目前就一台服务器，上面运行着网站程序，图片，以及数据库，带宽是2M双线，请问各位有什么好的办法让网站打开的速度快起来吗？ 
谢谢。

Answer 1

4.3M还好啊，如何使TABLE布局的，还可以考虑换成DIV的，DIV即读即加载，看上去感觉能好些

Answer 2

滚屏加载技术：
Javascript监视滚动条的位置，当滚动条滑到底部某一位置时，ajax请求程序，动态加载下面内容

Answer 3

图片的质量有问题吧，一共就那么大个屏，一张完整的图片铺满了也不需要4m。
根本还是处理下图片比较好，然后有需要再去改页面的加载方式。
图片最好使用jpg，jpg可以压缩，调整图片的压缩比，直到合适的质量

Answer 4

www.370b.com<<<<<首页的图片就是延迟加载原理：默认不加载图片 滚动条滚动到屏幕出现改图时 再加载

Answer 5

var lazyheight = 0;  //获取数据function showload(){ 
    lazyheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop()); 
    if ($(document).height() <= lazyheight) { 
        alert("load!"); 
//在这里写异步加载图片的 代码
    } 
} 
showload(); 
$(window).bind("resize", function(){ //绑定事件     showload(); 
}).bind("scroll", function(){ 
    showload(); 
}); 获取滚动条事件  比如你需要获取120张图片  首次加载 30张 然后当滚动条拉到快到底部的时候再加载30张  120张加载完成后 这就是第一页了 第二页类似。 现在微博 美丽说 蘑菇街 都是这样搞的。

Answer 6

根据你说的情况，图片应该是JPEG格式的，并且有超过800*600px的图片。
建议你将图片转换为PNG或者GIF格式，并在满足展示的前提下尽量压缩图片尺寸。
根据你的描述，你精简代码的效果不会明显提高你的页面加载速度。上面有同学建议你将图片切割然后在页面拼凑，这样加载速度会有所提升。但你切割之后，加载的图片大小依旧是4.3MB，只不过是用户体验稍微好点。最根本的还是我开始提到的办法。

Answer 7

cdn 图片
图片延迟分屏显示

Answer 8

图片切割，切割成小图片最后用DIV 或 TABLE 放在一起。这样显示的时候会很快的。