打开一个个人站,转圈三秒,多数人已经走了。
这三秒里,八成不是代码慢,是图片大。
一张原图有多重
手机随手拍一张,4MB 到 8MB 很常见。相机像素越来越高,文件也跟着涨。这张图直接传上去,访客就得把 4MB 从服务器拉到手机上。
同样一张图,宽度压到 1600 像素、转成 WebP,通常只剩 150KB 到 300KB。放在手机屏幕上,肉眼看不出差别。
三条规则
- 宽度不超过 1600 像素。文章配图 1200 就够,封面 1600 封顶。
- 一律转 WebP。同样的画质,体积比 JPG 小三到五成。
- 上传前压,不要上传后等系统处理。压图只要十秒,访客等的是你的十秒。
图片放哪
图片别塞进正文一起存。正文只存文字,图片单独放对象存储,页面里引用地址。这样文章加载快,换主题、改版式也不用动图。
怎么检查
打开你的站,按 F12,切到 Network,刷新。按体积排序,排在最前面的那几条,就是拖慢你的东西。
十有八九,是图。
请我喝杯咖啡
赞赏作者
请我喝杯咖啡

扫码任意金额 · 感谢你的认可