前端性能优化实践：让视频加载也“懒”一点

在 本专栏 中，我向大家介绍了图片的加载优化，其中“最具盛名”的便是 懒加载 了。

与图片一样，视频同样可以延迟加载，来达到性能优化的目的。

正常情况下加载视频，都是使用<video>标签，那么对于一些需要用户自己播放的视频，最好指定<video>标签的preload属性为none，这样浏览器就不会预加载任何视频数据。
为了占用空间，我们用poster属性为其占位：

<video controls preload="none" poster="占位图">
	<source src="视频资源同名.webm" type="video/webm">
	<source src="视频资源名.mp4" type="video/mp4">
</video>