跳到主内容
笔记系统教程

网站慢,多半是图片拖的

一张手机原图,能让首屏多等三秒。

1 分钟阅读0 次浏览

打开一个个人站,转圈三秒,多数人已经走了。

这三秒里,八成不是代码慢,是图片大。

一张原图有多重

手机随手拍一张,4MB 到 8MB 很常见。相机像素越来越高,文件也跟着涨。这张图直接传上去,访客就得把 4MB 从服务器拉到手机上。

同样一张图,宽度压到 1600 像素、转成 WebP,通常只剩 150KB 到 300KB。放在手机屏幕上,肉眼看不出差别。

三条规则

  1. 宽度不超过 1600 像素。文章配图 1200 就够,封面 1600 封顶。
  2. 一律转 WebP。同样的画质,体积比 JPG 小三到五成。
  3. 上传前压,不要上传后等系统处理。压图只要十秒,访客等的是你的十秒。

图片放哪

图片别塞进正文一起存。正文只存文字,图片单独放对象存储,页面里引用地址。这样文章加载快,换主题、改版式也不用动图。

怎么检查

打开你的站,按 F12,切到 Network,刷新。按体积排序,排在最前面的那几条,就是拖慢你的东西。

十有八九,是图。

请我喝杯咖啡