电脑工场
白蓝主题五 · 清爽阅读
首页  > 网络基础

Chrome性能基准测试:几招看清你浏览器的真实跑分

早上打开 Chrome,点开 10 个标签页,再切到微信网页版、网易云、B站后台播放,页面开始卡顿、滚动掉帧、甚至偶尔白屏——这时候你可能不是网速差,而是 Chrome 本身在拖后腿。

别光看版本号,得测一测

很多人以为 Chrome 更新到最新版就一定快,其实不然。不同设备、不同插件组合、甚至不同系统字体渲染方式,都会影响实际体验。Chrome 自带的 chrome://speedtest 并不存在,但真有靠谱的性能基准入口:chrome://dino 是彩蛋,chrome://gpu 看硬件加速状态,而真正能跑分的,是 chrome://tracing 和官方推荐的 Web Tooling Benchmark(比如 Speedometer 3、JetStream 2)。

动手测一测:Speedometer 3 最接地气

打开 https://speedometer3.netlify.app/,点击 “Run Speedometer” 就行。它模拟真实场景:增删 Todo 列表、响应输入、切换视图……全程不依赖网络,纯靠本地 JS 引擎和 DOM 渲染能力。跑完会给出一个综合分数,比如你的机器跑出 286 分,比 MacBook Pro M1 的参考值 312 略低,说明日常网页交互基本够用;若只有 90 分,那大概率是开了太多广告拦截插件,或者显卡驱动没更新。

小技巧:关掉这些,分数立马涨

测之前先做三件事:
• 关闭所有非必要扩展(尤其“网页翻译”“截图工具”“密码管理器”类常驻插件)
• 在 chrome://flags 中搜索 smooth scrolling,设为 Disabled(部分老显卡开启反而拖慢)
• 确保硬件加速已启用:chrome://settings/system → 打开“使用硬件加速模式(如果可用)”

不止看总分,还要看帧率曲线

Speedometer 页面底部有个“Show details”按钮,点开能看到每个子测试的 FPS 曲线。重点盯住 TodoMVC-ReactVanilla-ES2015 这两项——前者反映框架层效率,后者反映原生 JS 性能。如果 React 项帧率抖动剧烈,但原生项很稳,那问题大概率出在某个 React 扩展或 DevTools 插件上。

顺便提一句:别拿 Chrome 和 Edge 比分乱下结论

Edge 基于 Chromium,底层引擎一样,但默认禁用部分实验性 API、预加载策略更保守,所以有时跑分反超 Chrome。这不是 Edge 更强,而是 Chrome 为兼容性多扛了几公斤“包袱”。想轻装上阵?可以新建一个干净配置文件:chrome://settings/manageProfile → 添加新用户,不装任何插件,再跑一次 Speedometer 对比。

浏览器不是越新越好,也不是越满越强。跑一次分,关几个插件,调两处设置,有时候比换电脑还管用。