PD虚拟机     VPS     Win11     微软     苹果     SetApp     Office     精选

一招解决 Chrome / Edge 浏览器卡顿变慢视频掉帧问题 - 让浏览器重回丝般流畅

 技术教程    ,    2020-12-07
一招解决 Chrome / Edge 浏览器卡顿变慢视频掉帧问题 - 让浏览器重回丝般流畅
44 下载

最近一段时间,我发现电脑上的 Chrome 谷歌浏览器越用越卡了。特别是网页打开比较多,同时还有视频播放时,整个浏览器的响应速度都会变得非常缓慢,视频也会卡顿掉帧。

我用的是 iMac / 32GB 内存 / Intel 四核 i7 4Ghz CPU,硬件性能应该足以让 Chrome 流畅打开几十个网页标签页的,但现在启动久了就会明显卡顿。无论网页加载、滚动页面、切换标签页都很慢。禁用全部扩展、清理缓存、重新安装也不管用。不过幸亏最后还是找到了解决方法……

完美解决 Chrome / Edge 浏览器卡顿缓慢的问题

最初我一度以为是机器用久了性能下降或 macOS 系统有问题,都想要换台 M1 的新 MacBook 来试试了。但是,我发现除了 Chrome / Edge 在打开多个网页标签页后变得缓慢以外,这台机器单独使用其他大型软件如 Parallels DesktopOfficePhotoShop 时性能表现还是非常流畅、丝般顺滑的呀!这不科学……

解决 Chrome 浏览器缓慢卡顿现象

就像之前「彻底解决智能设备 2.4G WiFi 经常掉线离线的问题 」以及「解决蓝牙键盘/鼠标频繁断开的问题」一样,我忍不住还是花时间去寻找这个谷歌 Chrome 浏览器卡顿的解决办法。毕竟浏览器是我每天工作和生活上使用最多时间最长的软件,所以这问题这必须得解决。

幸亏的是,最后还是成功找到了解决方法。而这个方法对 微软的 Edge 浏览器 卡顿应该也能同样适用,所以如果你也遇到同样的问题和烦恼,可以试试看。

先说症状:

在打开较多的网页后,比如二三十个标签页以上,即便可用内存完全足够,谷歌浏览器也会变得缓慢,无论浏览、切换、滚动页面都有明显卡顿现象。机器温度升高,电脑风扇经常响起,看高分辨率的在线视频时卡顿会非常明显和掉帧。

谷歌浏览器缓慢卡顿

这时,如果再跑一些类似 PhotoShop 之类的大型软件,特别是需要操作图像时速度明显下降,整个系统响应都变差,但不至于死机。而这时 CPU 和内存用量往往并不算太高,而且这个问题除了在 iMac 以外,在我的 Intel 版的 Macbook Pro 上也能重现,卡顿后 MacBook 的耗电也会明显加快。

提前直接上解决方法 (太长不看版):

废话先不说,直接上结论 (解决方法) 吧。在开始前,我们最好先将 Chrome 升级到最新的版本,并将硬件驱动/显卡驱动升级到最新版,再进行设置。Edge 浏览器卡顿同样可以参考。

第一步:

打开 Chrome 谷歌浏览器,进入“设置 → 高级 → 系统”,将 使用硬件加速模式 的选项关闭掉,重启浏览器。如果设置后卡顿已有明显改善,那么就此搞定,不然继续第二步。

Chrome 浏览器硬件加速选项

第二步:

在地址栏上输入:chrome://flags/ 回车,在顶部搜索栏中搜索“gpu”,列表中找到:“GPU rasterization”(GPU 渲染) 以及 “Accelerated 2D canvas”(2D 图形加速) 两项,将它们都设为“Disabled”禁用即可。点击右下角的“ReLaunch”重启浏览器。

Chrome GPU 设置

你会发现,做完这两个设置后,流畅的 Chrome 又一次回来了!我这里即便同时开启超过 50 个页面,响应依然飞快,看视频也不再卡顿了。经过几周的使用观察,我认为问题已基本解决。

Mac 用户可能还需重置 SMC / NVRAM / PRAM:

对于使用 Mac 电脑的朋友,如果你尝试上面的方法仍未彻底解决问题,可以参考这篇教程尝试去「重置 Mac 的 SMC 以及 NVRAM、PRAM」。我个人实测,在重置后完美解决全部问题,现在使用 Chrome 完全像新机一般顺滑。建议使用 macOS 并且遇到一些奇奇怪怪的问题时,可以尝试重置一下。

解决过程:

说回解决的过程吧。原本我最先怀疑的是 Chrome 内存泄漏或全部被占满,但实际上观察内存使用一段时间,即便同时打开 30~50 多个标签页,内存占用最多时也就 20 多 GB 而已 (我机器共有 32 GB),还有不少空余,瓶颈并不在此。

而查看 CPU 占用率,大概也是在 5%~10% 左右变化, 偶尔跳个 30~40%,根本也没有阻塞 CPU 的进程,卡顿似乎也不是 CPU 造成的,那到底为啥还是卡得慌啊?

于是我将所有的 Chrome 插件全部禁用,特别是“恶名昭彰”的 Flash 插件也删掉,清除所有的缓存和浏览记录,退出 Google 帐号,停止浏览器同步,把所有因素都排除。甚至最后还删掉 Chrome 重新下载安装一遍。你猜这么着?打开大量标签页后,卡顿又来了,不管用!

最后我打开 Chrome 菜单中的「窗口」→「任务管理器」,去逐个查看每个标签页的资源占用情况,终于在这里找到了一个可疑的“异样”。一个叫「GPU 进程」的不仅占用了大量的内存,还经常跑到 70% 以上的 CPU 占用率!

这 GPU 进程显然就是跟「显卡」有关了,难怪在浏览器变慢时,再打开爱奇艺腾讯视频等视频网站播放视频时,会变得异常的卡顿了。于是,我将目光移到了“硬件加速”相关的设置。

Chrome 浏览器卡顿

尝试进入“Chrome → 设置 → 高级 → 系统”中,将「使用硬件加速模式(如果可用)」这个选项关掉,并重启浏览器。

哗啦!!居然整个浏览器都顺滑了!!这时打开有 50 个标签页左右,完全没有之前拖泥带水的卡顿或响应慢的感觉了,问题似乎解决了。

为什么硬件加速会变成减速?

那为啥这样?我找了一下,原来不知道哪个版本开始,Chrome 浏览器默认开启了“GPU 渲染”的特性,当开启了硬件加速选项之后,所有的 WEB 网页内容都会使用显卡 GPU 来进行解析渲染,现在 50 多个网页的解析、显示、渲染工作通通全部都交给显卡去干了。

如果你同时打开的网页数量不多,或显卡性能比较厉害,那么这个功能确实能帮你“加速”。但如果显卡性能不够,那么反而就会出现「减速」的情况了。我这由于 iMac 的屏幕分辨率高达 5K (5120×2880),本身显卡压力已不小了。尽管搭载 AMD Radeon R9 独立显卡,但还要它同时解析渲染 50 多个网页,其中还有线视频解码,加上这分辨率,负担应该是太重了吧。

这也是为什么在我使用 Chrome / Edge 浏览器在打开大量网页后,看视频会特别卡顿和掉帧,这时再使用 PhotoShop 之类的软件也会明显缓慢!因为他们都需要用到显卡计算,但这时 GPU 即使跑满 100% 也无法满足网页解析渲染+视频解码的需求,所以卡顿缓慢现象就出现了。

知道了根本的原因后,就有对应的解决方法了。我们只需把网页渲染的工作从 GPU 交回给 CPU 去处理就好了。在 Chrome 和 Edge 里面都可以直接在设置关掉“硬件加速”,这样就能减轻显卡的负担了。具体的设置 (解决方法) 也在前面提前给大家写出来了。

写在后面:

当然了,如果你电脑本来就是可用内存不足、CPU 性能也不能很好驾驭大量网页的话,按照本文的方法也是不会对浏览器速度有明显改善,只能靠更换升级硬件来解决了。

但如果你知道以前 Chrome 打开同样数量的网页是可以流畅跑的,而现在却明显卡顿变缓慢,那么就要看看是否 GPU 硬件加速惹的祸了。总之,我在修改了这个设置之后,Chrome 和 Edge 都完完全全活过来了!所以我决定记录下来,希望能对同样有浏览器卡顿烦恼的你有所帮助吧。

相关文件下载地址

下载 Chrome 浏览器最新版  |  Edge 浏览器  |  浏览器相关  |  优化相关

/ 关注 “异次元软件世界” 微信公众号,获取最新软件推送 /

  • 呀哈哈

    这个推测应该是合理的。我刚换上了张好显卡,感觉chrome用起来是流畅了点,我还以为我自己错觉呢。

    2020-12-7 01:04:22
    • bauhaus

      我用台式机,i5+1070ti,从未觉得chrome慢,曾今为了测试vivaldi开30+tab真的会慢,就试过chrome开40+,新浪 还有 b站 还有淘宝。vivaldi就幻灯片切换标签了,chrome edge都没觉得慢。但是edge崩溃了。

      vivaldi用了1年,最终因为切换标签卡顿,打开100张图片的一个页面会卡成狗就扔了。一个页面100+图片很多的,动漫类常见,一页300+图片都有。

      2020-12-13 13:34:40
  • 杰斯

    我的也是这个问题,干脆换成新版edge了,dege实测没有chrome卡。

    2020-12-7 08:52:31
  • microsnow

    没有根本解决问题,根本解法是要加一张显卡,不够继续加。手动滑稽~~~

    2020-12-7 09:42:47
  • xixinjie

    我1080的显示器完全不担心这个问题

    2020-12-7 09:43:14
    • reader1

      就是说啊,这些土豪,真是矫情。狗头

      2020-12-7 10:54:55
    • 小擎

      cpu显卡谁强谁闲就用谁

      2020-12-7 13:08:52
  • 哈哈

    关闭后会发现CPU占用变大 我之前在4K显示器看4K视频也是卡顿 视频会掉帧 关闭硬件加速后不卡了 但是CPU占用从5-10 飙升到80-90

    2020-12-7 09:44:15
    • Mr.Yellow

      是的,文章已经指出了,就是把原本GPU渲染改成CPU渲染,是要CPU还是GPU看取舍吧。

      2020-12-7 09:52:42
    • 看看

      我的关闭硬件后没出现你说的CPU飚升问题,开了三个网页刚打开CPU是一或2,一会就一直是零。

      2021-02-26 10:44:02
  • Fox

    还别说,有效果

    2020-12-7 10:01:58
  • chs

    关闭硬件加速后看B站4K视频解码就惨了,CPU直接拉满。

    2020-12-7 10:05:17
    • 小擎

      我这改了之后,cpu拉满了视频也不卡,之前卡成狗

      2020-12-7 13:10:26
  • abc

    Chrome插件onetab,把标签页全部变列表,要看时候再打开,号称节省95%内存

    2020-12-7 13:22:32
  • 迷失的黄大炮

    火狐怎么没这个选项??.

    2020-12-7 14:03:14
    • ferris

      火狐的设置里,性能标签,把“使用推荐的性能设置”取消勾选,就有手动设置是否开启硬件加速。默认点了使用推荐,硬件加速按钮就会消失

      2020-12-9 16:22:48
  • 是是是

    建议集显,或者显卡比较弱的设备关闭硬件显示。

    2020-12-7 14:26:59
  • cloudjoy

    有哪个大佬研究过火狐的,火狐也是卡卡卡,特别是看在线直播的时候!

    2020-12-7 15:20:29
  • 霸霸

    有吗,我的chrome一直挺流畅的,还会卡顿的嘛
    笔记本920显卡 哈哈哈

    2020-12-7 23:11:04
  • ALGO

    浏览器:CPU和GPU至少要死一个。

    2020-12-8 05:35:42
    • ferris

      卡顿的原因,应该不是显卡问题。
      以前是CPU来渲染画面,现在变成了GPU来负责渲染。但现在标签开多了,瓶颈是变成了浏览器调度GPU的线程出现瓶颈,而且这个浏览器调度线程对于多核利用度不高,所以才会卡顿。

      2020-12-9 16:19:43
  • AST

    吃饭会噎着自己,所以我就不吃了。

    2020-12-8 10:06:41
    • gjgh

      Data to Drag真实

      2021-11-8 21:13:47
  • 小老弟

    MBP小老弟实名感谢,又回到飞一般的感觉了呢

    2020-12-8 10:32:34
  • aiphes

    Mac用户就是不一般,禁用显卡加速这件事竟然写了这么多字。我卑微win10用户从来都是默认独显不加速的啊

    2020-12-8 20:02:28
  • Michael

    3090表示毫无压力[手动狗头]

    2020-12-8 22:13:44
  • 丏谷

    然而正常4K屏+2060 maxq开几十个标签页也没觉得会卡啊……

    2020-12-8 22:28:51
  • 菊部

    原来是硬件加速的锅

    2020-12-8 22:56:52
  • 新的蕾拉

    实测还真的有用!!简直太感谢了……

    2020-12-9 06:01:56
  • 杨欣

    Windows用户表示有用!!!!!!!太感谢了!!

    2020-12-9 16:00:58
  • hk519

    2015版MBA,前几天升级Big Sur以后才出现视频播放卡的问题,之前的系统难道默认不开硬件加速?!

    2020-12-13 11:13:19
  • 人中吕布

    没想到啊~ 实测有用!回来汇报,感谢一下!

    2020-12-13 22:33:11
  • Hooray

    做前端开发的还是不要关闭硬件加速,会导致一些CSS3动画异常的卡

    2020-12-14 09:34:48
  • baowenbei

    2200g也能丝般顺滑,没有改默认设置,难道独显不如核显嘛?是否因为别的原因。

    2020-12-17 16:07:23
  • POWanwan

    何不试试 The Great Suspender 这个扩展
    自动冻结后台长时间未访问的标签页

    2020-12-18 08:49:05
  • holday

    确实加快了

    2021-01-8 08:54:24
  • 看看

    我的关闭硬件后没出现你说的CPU飚升问题,开了三个网页刚打开CPU是一或2,一会就一直是零。

    2021-02-26 10:43:11
  • Kevin

    楼主牛逼

    2021-03-23 13:32:11
  • YTVT

    1分钟解决了问题,非常感谢楼主。而且还把解决问题的过程分享了出来,解答了为什么关掉硬件加速就可以解决问题的原因,知其然,现在也知其所以然,赞!

    2021-12-7 21:37:31
  • 路人甲

    谢谢你, 救了我的电脑, 一年之前都找不到解决问题 , 我还以为是网卡问题

    2021-12-26 23:47:39
  • Shouny

    完美解决,原来谷歌浏览器播放YouTube的4K视频明显卡顿撕裂,但是,用了你的方法,明显解决!!!只不过没有更改硬件加速。牛逼,非常感谢,这个问题困扰了我2天了!终于解决了!万分感谢!

    2022-10-9 08:20:55
  • 路人乙

    完美解决,谢谢!!!

    2023-02-9 20:33:50
  • 路人

    被这个问题困扰了很久,这个方法虽然能解决,但是会提高CPU占用率,最好的方法是在图形设置里设置Chrome强制使用独立显卡,完美解决。导致这个问题的原因应该是某个版本更新过的Chrome在调用底层显卡驱动的时候会有BUG,独显完全摸鱼不工作。

    2023-02-17 18:31:01
  • SilverPoi

    完了,我按照教程设置完 游览器正常了,但我手贱清除游览数据,又回去那个卡顿的游览器了。。重新按照教程设置还是卡顿

    2023-02-26 05:32:12





评论内容 (*必填):
Ctrl + Enter 快速提交   

赞赏异次元


请通过支付宝、微信 APP 扫一扫,海外读者可「使用 PayPal 赞赏

“ 感谢您对异次元网站的支持! ”