上一篇讲过图片要压缩,但有些行业网站天生图片多:摄影站、装修案例、产品展示。图压得再小,一次加载十几张还是慢。两个技术手段能立竿见影。

第一招:图片懒加载

意思是:客户刚打开页面时,只加载屏幕里能看到的几张图;往下滚动时,再加载下面的图。免费CMS很多模板已经默认开启这个功能,你只需要确认一下。没开的话,加一行JS代码或者用模板设置里的开关即可。

第二招:用免费CDN

CDN是把你的图片缓存到全国各地的节点上。广州的客户访问广州节点,北京的客户访问北京节点,加载速度立刻快。国内有几家厂商提供免费额度的CDN(比如七牛云、又拍云的免费套餐),把图片传到对象存储,再在网站里引用CDN地址即可。

不要什么图都传主机

主机空间和带宽都贵。大图片、视频、PDF这些大文件,传到对象存储或图床,主机只放程序和小图标。这样主机费用省了,速度还快了。

效果怎么验证

用手机4G打开你网站,看首屏几秒加载完。3秒以内合格,超过5秒就要继续优化。

图片站的速度是设计出来的,不是等服务器升级出来的。