如何在Chrome浏览器中优化网页上的背景视频?

时间:2019-06-07 20:30:06

标签: html performance google-chrome video optimization

现在,我们正在以新的流行设计升级网站上的目标网页-后台有视频,例如此处https://globalid.net/。但是我发现,在页面预览30-60秒后,我的笔记本电脑变得非常热,系统管理员向我显示Chrome获得了大约50%的CPU,但它实际上什么也没做,这是一个普通页面,只有30秒的视频片段〜4.5 MB。

那么,有人可以解释如何解决这个问题吗?为什么Chrome对资源如此贪婪?

谢谢!

P.S。

在使用着陆页上的视频浏览了其他网站之后,我发现所有这些网站都会导致系统运行缓慢(CPU占用30-100%) E.x。:

https://smartslider3.com/yoga-hero-block/ 视频大小1.5 MB,15秒,24帧/秒,1920 * 1081 30-60%CPU

https://theenglishbus.com/ 70-100%CPU

似乎视频的大小无关紧要,对于Chrome来说,它只是无尽的“高清电影”。

1 个答案:

答案 0 :(得分:0)

一种解决方案是禁用促销视频中的“循环”,然后以某种方式检查它是否发生,然后仅显示幻灯片。