+ 我要发布
我发布的 我的标签 发现
浏览器扩展
斑点象@Edge

如何解决 Chrome / Edge 浏览器卡顿变慢视频掉帧问题?一招让浏览器丝滑流畅

在打开较多的网页后,比如二三十个标签页以上,即便可用内存完全足够,谷歌浏览器也会变得缓慢,无论浏览、切换、滚动页面都有明显卡顿现象。机器温度升高,电脑风扇经常响起,看高分辨率的在线视频时卡顿会非常明显和掉帧。 这时,如果再跑一些类似 PhotoShop 之类的大型软件,特别是需要操作图像时速度明显下降,整个系统响应都变差,但不至于死机。 在开始解决问题前,先将 Chrome 升级到最新的版本,并将硬件驱动/显卡驱动升级到最新版,再进行设置。Edge 浏览器卡顿同样可以参考。 第一步: 打开 Chrome 浏览器,进入“设置 → 高级 → 系统”,将 “使用硬件加速模式” 的选项关闭掉,重启浏览器。如果设置后卡顿已有明显改善,那么就此搞定,不然继续第二步。 第二步: 在地址栏上输入:chrome://flags/ 回车,在顶部搜索栏中搜索“gpu”,列表中找到:“GPU rasterization”(GPU 渲染) 以及 “Accelerated 2D canvas”(2D 图形加速) 两项,将它们都设为“Disabled”禁用即可。点击右下角的“ReLaunch”重启浏览器。 在这步设置后,流畅的 Chrome 又一次回来了。 为什么硬件加速会变成减速? Chrome浏览器从某个版本开始,默认开启了“GPU 渲染”特性,当开启了硬件加速选项之后,所有的 WEB 网页内容都会使用显卡 GPU 来进行解析渲染,当多开十多个到几十个个网页时,网页的解析、显示、渲染工作通通全部都交给显卡了。 如果你同时打开的网页数量不多,或显卡性能比较厉害,那么这个功能确实能帮你“加速”。但如果显卡性能不够,那么反而就会出现「减速」的情况了。 这也是为什么在我使用 Chrome / Edge 浏览器在打开大量网页后,看视频会特别卡顿和掉帧。因为他们都需要用到显卡计算,但这时 GPU 即使跑满 100% 也无法满足网页解析渲染+视频解码的需求,所以卡顿缓慢现象就出现了。 找到根本原因后,就有对应的解决方法了。只需把网页渲染的工作从 GPU 交回给 CPU 去处理就好了。在 Chrome 和 Edge 里面都可以直接在设置关掉“硬件加速”,这样就能减轻显卡的负担了。
我的笔记