1. 优化网站首页背景视频
前端开发工程师背景
公司的官方网站首页使用了一段15MB的MP4视频作为背景,导致移动端用户加载缓慢,影响用户体验。
问题
需要在不明显损失画质的前提下,将视频体积压缩到5MB以下,并转换为适合网页播放的WebM格式。
如何使用
上传首页背景MP4视频,将视频编解码器设置为“VP9(更好压缩)”,音频编解码器选择“Opus”,质量(CRF)选择“30(良好)”。
videoFile: background.mp4, videoCodec: libvpx-vp9, audioCodec: libopus, quality: 30结果
成功输出一个仅有3.2MB的WebM视频,网页加载速度显著提升,移动端首屏渲染时间缩短了60%。