网站图片太多导致网站打开卡顿/慢的解决方法

最近比较多的客户反馈网站打开慢，问我们服务器租用机房有什么好的解决方法？我们来分析下网站打开速度主要有两个原因：用户自身带宽与服务器带宽限制；两个终端网络不好都会造成网站打开速度很慢；接下来就是在无法提升网络带宽的情况下提升网站加载速度；

1.图片懒加载，在页面上的未可视区域可以添加一个滚动条事件，判断图片位置与浏览器顶端的距离与页面的距离，如果前者小于后者，优先加载。

2.如果为幻灯片、相册等，可以使用图片预加载技术，将当前展示图片的前一张和后一张优先下载。

3.如果图片为css图片，可以使用CSSsprite，SVGsprite，Iconfont、Base64等技术。

4.如果图片过大，可以使用特殊编码的图片，加载时会先加载一张压缩的特别厉害的缩略图，以提高用户体验。
如果图片展示区域小于图片的真实大小，则因在服务器端根据业务需要先行进行图片压缩，图片压缩后大小与展示一致，（其实网站打开缓慢很多大多原因是因为服务器配置或者带宽不够，主要还是带宽问题，解决服务器带宽问题就可以提高网站打开的速度了，需要了解大带宽的图片素材类服务器，可以点击：图片站服务器租用配置价格表 进行了解。）

网站打开速度主要有两个原因：

1.用户自身带宽与服务器带宽限制；360测速；

2.终端网络及设备不好都会造成网站打开速度很慢；电脑系统，浏览器配置低，不合理等；360修复系统和浏览器；

接下来就是在无法提升网络带宽的情况下提升网站加载速度；

使用ie浏览器打开网站；

按F12键打开开发者工具；导航栏找到网络一项；打开网络调试后按上图操作可以获取服务器加载的数据；

从而得出网站图片大小等；也可以找出网站其他大文件；找到网页文件那个图片大小过大时；打开ftp找到相对应的文件；

复制到本地；将复制到本地的图片使用photoshop打开，使用ctrl+alt+shlft+s保存为网页图片格式；

可以保存为jpg选择品质为60-80左右；这会很大的缩小图片大小；并且不会降低图片质量；使用photoshop另存为图片后将图片上传至服务器原本的位置；

可以替换原本的文件；也可以重命名，重命名后就要更改html中相对于的图片地址；如此重复；将网站要加载的图片以及其他文件过大的东西都修改下；降低文件大小就可以打打提升网站加载速度；尽量将图片修改为不影响视觉效果，并且大小最小。