商友世界：网站图片太多太大，服务器响应慢，如何优化！

今天我们分享“图片太多太大，服务器响应慢”如何处理，其实一些资讯站点，图片站点，博客站点，为了美观会加很多图片，就会造成页面过大，加载过慢的情况，我们如何解决那？下面就由商友世界为我们分享。

1，将图片服务和应用服务分离

如果网站图片过多，造成服务器响应非常慢网站图片太大加载慢，我们可以利用第三方储存，把图片储存到第三方去，这样的话，你网站打开速度就会很快，因为图片的加载会在第三方服务器中进行，不会消耗你服务器的宽带、内存、CPU，这是非常有效的方法，很多站长，或者大站点都是用这个技术解决的。

商友世界提醒大家：第三方图片储存有阿里云OSS、七牛云，这两家比较知名，七牛云价格便宜，阿里云OSS速度会比较快。

2，直接把图片进行压缩，减少网页图片

第二种方法就是直接把图片压缩成比较小的文件，但是清晰度不要模糊网站图片太大加载慢，一般2M的图片压缩成90-100KB，图片是不会有太大变化的，肉眼一般也看不出来很大区别的，同时可以把网页中不必要的图片都删除掉，变成文字版，这种方法也是目前网站建设比较常用的手段。

3，利用图片懒加载技术

这种技术，大家可以理解成，用户看到的位置图片加载，用户看不到的位置，图片就不加载，一个页面只加载用户能看到的部分，用户看不到的部分，统统都不加载，这种手法经常应用于淘宝商城这类网站。其方法也很简单，通过js将img标签的data-src属性赋值给src属性就可以了，有兴趣的朋友百度下“图片懒加载技术”有详细的教程的。

4，利用“css Sprites”来切割图片

这种方法其实只能做到环节，并不能做到解决，原理就是把很多小图标都拼凑成一张大图片，用css Sprites来分割，把固定的区域显示到固定的位置即可，这样一来，网站只加载一张图片，却完成了所有小图标的加载，有兴趣的朋友自己百度下“css Sprites”的应用。

好了，今天风雪就为大家分享到这里，感谢商友世界的技术分享，其实我建议大家如果你的站点图片较多，可以使用七牛云来做第三方储存，在适当的压缩图片就可以了解决问题了。

Tags：图片优化 服务器