html5视频优化,HTML5 视频秒开优化

8种机械键盘轴体对比

本人程序员，要买一个写代码的键盘，请问红轴和茶轴怎么选？

前言本文是我部门的一次分享，张鑫旭老师也整理过相应文字版本我在补充下

现在创意 H5 做的堪比电影，传统方式的动画、gif 已经满足不了性能需求，越来越多的内容正在以 HTML5 视频的方式呈现，随之而来的视频优化变得的越来越重要。HTML5 视频秒播优化的有很多方面，从服务器，cdn 部署接入，数据连接 / 获取，客户端缓存，出帧策略，到视频文件 I 帧位置等，今天从视频文件格式的角度介绍。

一个活动

在座诸位，请打开浏览器，新开一个标签页，打开开发者工具，切换到 network 面板 → Media 选项，然后 — 复制下面地址(天猫某活动备份地址)到地址栏，回车：ali-tmhly.h5.neone.com.cn/ 。此时，你会看到一个名为 video2 的 mp4，前前后后发送了 3 次请求：

这是糟糕的！应该只有 1 次