图片为什么拖慢站点
外贸站以产品图为主，图片往往占页面总重量的六成以上。一张未压缩的相机原图轻松超过 2MB，而首屏合理预算通常只有 100-200KB。买家在移动网络下打开慢页面，几秒内就会离开，广告点击的成本也随之浪费。图片优化是投入产出比最高的一项优化。
第一步：上传前裁剪到正确尺寸
先确定页面上实际显示的最大尺寸，再按该尺寸上传，不要把 4000px 的原图直接放上去靠前端缩小。产品主图常用 1200×1200 或 1600×1200，页面内容区宽度通常在 1200px 以内，超出部分只会浪费带宽并增加解码时间。同时为列表页与详情页准备不同尺寸，避免列表页加载详情页的大图。
第二步：压缩与格式转换
质量参数 75-85 之间的 JPEG 视觉差异很小，体积却能减半以上。进一步可转换为 WebP 或 AVIF，相同画质下体积再降三成左右。在 WordPress 中可用 ShortPixel、Imagify 或 EWWW 等压缩插件，在上传时自动处理，并把已有图片批量转一遍。开启「同时提供原始格式作为降级」选项，确保老浏览器不受影响。
第三步：懒加载
首屏之外的图片使用懒加载，滚动到视口附近才加载。WordPress 5.5 起已内置原生懒加载，多数情况无需额外插件。但要注意首屏主图、Logo 与背景图不应懒加载，否则会推迟 LCP 指标，反而拖慢首屏。若使用懒加载插件，务必把首屏图片加入排除列表。
第四步：CDN 加速
CDN 把静态资源缓存到离用户最近的节点，对海外买家访问效果尤其明显。Cloudflare 免费版已能覆盖基础场景，接入后开启「自动优化」或「Brotli 压缩」，并对图片、CSS、JS 设置合理的缓存 TTL。接入后要用测速工具对比同一页面在开启前后的加载时间，确认确实变快。
检查清单
- 全站图片均已压缩且尺寸与显示尺寸匹配
- 首屏图片未被懒加载
- WebP 正常回退，旧浏览器不破图
- CDN 缓存命中，源站带宽下降
- 移动端 Lighthouse 图片相关告警清零
优化完成后固定每季度检查一次：新上传的图片最容易绕过规则，把压缩与尺寸限制做成默认流程，才能长期保持效果。