网站优化视频页面静态资源|上一站-字体视频的优化优化网站建设

视频作为一种重要的媒体形式网站优化，在网站中使用可以提高网站内容的丰富度，但同时也是网络负载的负担。 因此，针对Web上的视频会有如下一些优化。

1.使用正确的视频格式

与图片类似，不同的视频编码格式的数据大小大多不同。 目前国内常用的格式是MPEG-4。 除了 MPEG-4 之外seo优化，还支持一种称为 WebM 的新视频格式。

不过，WebM(VP9) 将小于 MPEG-4(x264)。 因此请考虑在 中指定多个。

<video>
    <source src="/static/video/me.webm" type="video/webm">
    <source src="/static/video/me.mp4" type="video/mp4">
video>

此外，使用 AV1 编码 [1] 将比 VP9 (WebM) 小约 30%，比 x264 (MPEG-4) [2] 小约 45-50%。

2.视频压缩

对于视频，我们还可以进行有损和无损压缩，这样也可以有效减小视频尺寸。 以下是一些常用的工具：

3.删除不必要的音轨信息

上一节我们提到可以用GIF代替来实现动画，而且尺寸会更小。 由于在这种情况下不需要声音，因此我们将其设置为 。

那么，既然不需要声音seo优化，我们是不是可以直接去掉音轨数据呢？ 是的，这样做也有助于进一步减小视频的大小。

4.使用“流”

尝试要求浏览器使用“流式”或小片段来播放你的视频，例如常用的HLS（HTTP Live）技术。 简单地说，使用 HLS 技术，您的视频将包含一个 .m3u8 索引文件和一系列包含播放内容的 .ts 片段。 浏览器通过不断下载小片段的方式播放视频，避免了下载完整视频的流量消耗。

您还可以尝试使用 MPEG-DASH[3] 技术。 目前，开源社区也有支持的客户端实现。

5.删除不必要的视频

对于不需要使用视频的场景，最好的优化方法就是去掉视频。 例如，在小屏幕上网站优化，您可以避免通过媒体查询下载视频：

@media screen and (max-width: 650px) {
    #hero-video {
        display: none;
    }
}

关于视频优化，这里只介绍一些基本的方法，但是对于一个正经的视频网站来说，会包括更多的优化内容，比如播放器SDK优化、数据预取、码率适配等，参考资料中有一篇关于视频体验优化的分享[4]来自B站，有兴趣的同学可以进一步阅读。

另外，虽然上面介绍了一些视频处理软件工具，但如果有较高的定制或集成要求，建议使用[5]或来处理。