非seo技术团队搭建的网站普遍会存在图片处理不当的问题,掌握这些技巧,可以让网站速度不被图片拖垮:

1. 不需要使用png的情况尽量使用jpg格式

同样一张图片,png格式一般会比jpg格式大出两倍多,不过需要这张图片在不同地方显现出不同效果的话就使用jpg格式吧。

2. 把网站用到的图标合并在一张图片上

多一张图片就多一次请求,如果网站用到很多图标,就把这些图片规划在一张图上,通过css的backgound属性调用不同区域。

3. 将图片剪裁合适的比列

PC端内容主体宽度大部分采用1200像素,图片宽度600px居多,如果是文章内的配图,将过宽的图做剪裁处理。

4. 给图片设置固定宽高

自适应网站使用100%宽的css样式控制图片按页面比列显示,但这给浏览器增加了负担,浏览器要先计算页面大小再计算出图片大小。

5. 以数据流格式调用图片

数据流的加载速度甩了图片好几条街,而且数据流方式能有效防止盗图问题。

6. 借助工具检测图片问题

大伟seo常用的是webkaka的图片优化工具,可以自动检测出哪些图片可以再压缩。