为PageSpeed优化视频



有人知道在网站上使用视频并将对PageSpeed的影响降至最低的最佳实践吗?目前正在使用嵌入式YouTube视频,但会考虑自行托管以吸取影响。也对其他视频流解决方案开放。

通常,浏览器最后加载视频。这样,大型视频文件就不会阻塞渲染页面所需的html、CSS、JS、字体等。但你可以做一些事情来优化你的视频:

  • 如果您的视频在iframe中,您可能会考虑延迟加载iframe。https://addyosmani.com/blog/native-iframe-lazy-loading/

  • 如果你使用的是视频流方法,你可以推迟加载JavaScript播放器,而在所有其他渲染活动完成后加载视频。

  • 请考虑视频的大小。看看比特率和维度(如果可能的话,使用JS为移动设备和桌面设备提供不同大小的视频(。

  • YouTube可能工作得很好,但IIRC,你正在寻找8个额外的域(DNS查找,SSL握手…(,以及大约1MB的额外";"东西";(字体、CSS、Javascript等(添加您的页面以播放视频。

  • 自适应比特率流-其中大小被优化到屏幕&网络连接。这是YouTube内置的,但有很多提供商(api.video、Mux等(也会这样做(如果需要,你也可以自己滚动(。

最新更新