先把图片治好，速度问题就解决了一半
格式与压缩：优先 WebP
同样的画面，WebP 通常比 JPG 小 25-35%，现代浏览器全部支持。企业网站的建议：照片类用 WebP（备一份 JPG 兜底），需要透明背景的图标用 SVG 或 PNG，装饰性背景图能用 CSS 画就不用图片。
压缩到什么程度？一般照片单张控制在 100-200KB 以内，肉眼几乎无差别。很多建站平台支持自动转 WebP，开启即可。
尺寸给对，别用大图缩小
最常见的浪费：一张 3000 像素宽的原图，页面上只显示 400 像素宽。浏览器仍然要下载完整原图。正确做法是按显示区域导出对应尺寸，或者用响应式图片让不同设备拿到不同尺寸。
产品图统一比例（如 4:3 或 1:1）还有额外好处：列表页整齐，避免加载时版面跳动。
懒加载与加载顺序
首屏图片（Logo、主图）正常加载；首屏以下的所有图片加 loading="lazy"，让浏览器只加载访客即将看到的图片。这一个属性就能明显降低首屏加载时间。
上线前自检一遍：打开开发者工具的网络面板，按体积排序，把超过 300KB 的图片挨个处理。十分钟的事，页面速度往往能快一半。
常见问题
WebP 所有浏览器都支持吗？
主流浏览器（Chrome、Edge、Safari、Firefox 及国产浏览器内核）均已支持。稳妥起见可保留 JPG 备用源，但绝大多数场景直接用 WebP 即可。
图片需要自己压缩吗，平台会处理吗？
取决于平台。有些平台自动压缩转码，有些原样上传。上传前自己压一遍永远是更保险的做法——压缩后的图也更适合留档复用。
首页轮播图放几张合适？
建议不超过 3 张。轮播图每多一张，加载时间增加、点击率下降。大多数访客只看第一张，把最重要的信息放在第一屏。
本文为选型与工艺科普，所有参数以产品规格书与书面报价为准。