带宽只有 3Mbps(约 375KB/s),图片和视频都必须有明确的预算。

视频壁纸的取舍
- 短循环优先,控制在 8-12 秒。
- 压缩到 2MB 以内,CRF 31 起步。
- 海报图先加载,视频空闲时再接管。
- 移动端和省流量模式直接使用静态图。
实际压缩参数
ffmpeg -i input.mp4 -t 8 -vf scale=960:540 -c:v libx264 -crf 31 -preset slow -an -movflags +faststart output.mp4用这套参数压出来的四段渐变壁纸,每段只有 55–100KB,肉眼几乎无损。
图片的策略
文章配图统一走懒加载(loading="lazy"),首屏之外的图片在滚动到附近时才开始请求。配合灯箱预览,小图足够列表浏览,点击后才加载原始尺寸。
带宽是硬约束,但约束反而催生了「先快后炫」的设计——这比无脑堆资源的产品体验更好。
评论
抢个沙发还没有评论,来说点什么吧。