首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Coding
V2EX  ›  程序员

B 站弹幕 CSS3 模式在 FireFox 下 CPU 狂飙至 90%,想知道为什么

  •  
  •   guolaopi · 124 天前 · 997 次点击
    这是一个创建于 124 天前的主题,其中的信息可能已经有所发展或是发生改变。

    如题,最近对象抱怨用我笔记本刷 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 条附言  ·  124 天前
    有人吗。。
    12 回复  |  直到 2019-08-14 10:03:36 +08:00
        1
    guolaopi   124 天前
    有大佬回答一下吗
        2
    wu67   124 天前
    额, 你 toggle 一下硬件加速试试
        3
    codehz   124 天前
    FF 的一切问题直接给 FF 投递 bug ) https://bugzilla.mozilla.org/
    总之不是网站的锅就对了(狗头)
        4
    ysc3839   124 天前 via Android
    说个题外话:我更愿意相信是 Firefox 自身的问题。不过如果这网站是 Google 的网站,估计又有人会说 Google 故意针对别的浏览器了。
        5
    ChristianChen   123 天前
    好奇试了下差别不大,chrome 下 canvas 模式略好一些,firefox 下 css3 模式略好一些,没有出现你说的飙升的情况
        6
    wshwwl   123 天前 via iPhone
    b 站是 ff 克星
        7
    Beast   119 天前
    我在前一段时间 chrome 也是这样子 bilibili 弹幕开始就明显能看见弹幕是成块撕裂的 cpu 疯狂负载
        8
    guolaopi   119 天前
    @wu67 刚看到,试过了不管用
        9
    guolaopi   119 天前
    @ChristianChen 那难道跟电脑有关系吗?用的小米笔记本 13 寸
        10
    guolaopi   119 天前
    @codehz (滑稽)
        11
    guolaopi   119 天前
    @Beast 我也是听人抱怨后才知道
        12
    wiix   119 天前
    嗯,一定是 B 站在打压 Firefox
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   971 人在线   最高记录 5043   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 25ms · UTC 20:43 · PVG 04:43 · LAX 12:43 · JFK 15:43
    ♥ Do have faith in what you're doing.