这是一个创建于 2327 天前的主题，其中的信息可能已经有所发展或是发生改变。
如题，最近对象抱怨用我笔记本刷 B 站风扇会狂转， 然后我测试了一下， 发现 B 站的播放器（新版 H5 那个）有一个弹幕设置，可以选择是使用 canvas 还是 CSS3 来渲染弹幕。 然后通过改变弹幕设置发现性能会有很大的差别。
测试结果如下（均为全屏模式下观察任务管理器得到）：
FireFox
- CSS3 模式：CPU 会飙到 80%-90%左右，浏览器占用 CPU 大约 50%左右
- canvas 模式：CPU 会稳定在 50%-60%左右，浏览器占用 CPU 大约 30%左右
/我一直用 FireFox,特意去下了个 Chrome 对比用/
Chrome
- CSS3 模式：CPU 会飙到 60%-70%左右，浏览器占用 CPU 大约 30%-40%左右
- canvas 模式：CPU 会飙到 60%-70%左右，浏览器占用 CPU 大约 30%-40%左右
发现 Chrome 对这两种模式优化都挺好。
那么问题来了，
有没有大神来解答一下：
是不是 FireFox 下 CSS 的渲染优化存在什么问题？（先问是不是）
为什么？（再问为什么。。。）
第 1 条附言 2019-08-09 17:32:09 +08:00
有人吗。。
 | 1 guolaopi OP 有大佬回答一下吗 |
 | 2 wu67 2019-08-09 19:02:44 +08:00 额, 你 toggle 一下硬件加速试试 |
 | 3 codehz 2019-08-09 22:53:10 +08:00 FF 的一切问题直接给 FF 投递 bug ） https://bugzilla.mozilla.org/ 总之不是网站的锅就对了（狗头） |
 | 4 ysc3839 2019-08-10 03:31:11 +08:00 via Android 说个题外话：我更愿意相信是 Firefox 自身的问题。不过如果这网站是 Google 的网站，估计又有人会说 Google 故意针对别的浏览器了。 |
 | 5 ChristianChen 2019-08-10 11:15:05 +08:00 好奇试了下差别不大，chrome 下 canvas 模式略好一些，firefox 下 css3 模式略好一些，没有出现你说的飙升的情况 |
 | 6 wshwwl 2019-08-10 14:13:51 +08:00 via iPhone b 站是 ff 克星 |
 | 7 Beast 2019-08-14 08:34:10 +08:00 我在前一段时间 chrome 也是这样子 bilibili 弹幕开始就明显能看见弹幕是成块撕裂的 cpu 疯狂负载 |
| 9 guolaopi OP @ChristianChen 那难道跟电脑有关系吗？用的小米笔记本 13 寸 |
 | 12 wiix 2019-08-14 10:03:36 +08:00 嗯，一定是 B 站在打压 Firefox |
 | 13 isteveyang 2021-03-25 18:31:36 +08:00 到现在也是这样，css 就能用到 90%以上，我还和 Safari 对比了一下，相同 canvas 字幕密度大小设置 CPU 占用会多 20%，但是 css3，Safari 还是 30-40%左右，但是 Firefox 就变成 90%+，风扇等会就有声音了 |
Select Language