结论:论坛图片慢,核心是把「上传前压缩 + 上传后转 WebP + 懒加载」三步做全,单张图能压到原来的 30% 以内。

① 上传前先做客户端压缩。用 browser-image-compression 这类库,在用户选图后就按最大边 1600px、质量 0.8 压缩,避免原图直传服务器,省带宽也省后续处理时间。

② 服务端统一转 WebP。用 sharp 或 imagemin 在接收后转成 WebP,保留原图做备份。WebP 比 JPG 平均小 25%-35%,论坛这种图多的场景收益很明显。

③ 缩略图和原图分开存。列表页只加载 300px 左右的缩略图,点开大图再加载原图,配合 loading="lazy" 懒加载,首屏能快一大截。

④ 记得配好缓存头。图片加 Cache-Control: max-age=31536000,文件名带 hash,这样用户二次访问直接走本地缓存,不用回源。