网页慢了四秒,凶手藏在浏览器里

网页打开得慢,你大概率会怪两件事:网不行,或者这站本身卡。MakeUseOf 撰稿人 Pankil Shah 原本也这么想,直到用 Chrome 自带的工具测了一遍,发现拖后腿的是浏览器自己——每个页面平均慢四秒。

开发者工具里藏着一台体检仪

那个工具叫 Lighthouse,是谷歌开源的页面审计工具。它会重新加载页面,记录各部分出现的耗时,给出性能评分,并列出谁在拖慢:渲染阻塞脚本、第三方跟踪代码,还是浏览器扩展。

用法很简单:

  1. 打开要测的页面,按 F12 调出开发者工具;
  2. 找到 Lighthouse 标签(找不到就先点 >> 展开);
  3. 点「Analyze page load」,等约 30 秒出报告。

报告最上面是性能评分,低于 50 属于糟糕。往下的 Speed Index 表示页面完全呈现花了几秒。单次结果参考价值有限,多测几个常去的站再下结论。

关键一步:普通窗口和无痕窗口各测一次

无痕窗口默认不加载扩展,两边差值就是扩展的账。Pankil Shah 测下来平均差出四秒,报告直接点了名。他装的广告拦截、Cookie 弹窗关闭、强制深色模式,每个只加几十毫秒,叠起来就是四秒。

接下来在地址栏输入 chrome://extensions,把不再需要的挨个停用——他关掉了深色模式、Vimium、Volume Master、标签页会话管理等几项,每关一个重跑一次测试,收益看得很清楚。

说白了,扩展是那种「装的时候顺手,之后再想不起来」的东西。另有两件 Lighthouse 测不出但同样有效的事:清一次浏览器缓存,换掉运营商默认的 DNS。

今晚就按 F12 测一测你最常开的那个网站,看看四秒里有几秒是自己加上去的。

来源:MakeUseOf