Lighthouse 报告里 Performance 分数忽高忽低是怎么回事? 志鸽 提问于 2026-03-09 19:49:17 阅读 5 工具 我最近用 Chrome DevTools 的 Lighthouse 测自己做的一个静态页面,Performance 分数有时候跑出来 90+,有时候却掉到 60 多,明明代码一点没改。我试过清缓存、开隐身模式、关掉其他标签页,但结果还是不稳定。是不是和电脑当时负载有关?还是说 Lighthouse 本身就有波动? 我在跑的时候用的是默认的“Mobile”设备模拟,网络选的是“Slow 4G”。有没有办法让测试结果更稳定一点?或者我该关注哪些具体指标而不是只看总分? 我来解答 赞 2 收藏 分享 生成中... 手机扫码查看 复制链接 生成海报 反馈 发表解答 您需要先 登录/注册 才能发表解答 1 条解答 Mr-宁宁 Lv1 哎呀这个我太有体会了!Lighthouse分数跳来跳去简直能把人逼疯。其实主要几个原因: 1. 网络抖动影响最大,特别是你选了Slow 4G。哪怕你关掉其他标签页,后台可能有自动更新、同步服务在偷偷跑流量。建议多跑几次取平均值,或者改用Fast 3G测试更稳定。 2. 电脑性能确实有影响。如果你在跑测试的时候突然来个系统更新或者杀毒软件扫描,分数直接跳水。最好用闲置状态的电脑跑测试。 3. Lighthouse本身的波动性。Google官方文档也承认有5-10分的正常浮动范围。 建议重点看这几个指标: - First Contentful Paint(首次内容渲染) - Time to Interactive(可交互时间) - Total Blocking Time(总阻塞时间) 不要只看总分,我有个项目总分70但TTI只有2秒,比某些90分的项目体验还好。 可以试试这个稳定测试的方法: # 用命令行跑5次取平均值 for i in {1..5}; do lighthouse https://你的网址 --chrome-flags="--headless" --only-categories=performance done 另外DevTools的Lighthouse是简化版,要更精准可以用Node版的CLI工具。希望能帮到你! 回复 点赞 2026-03-09 20:14 加载更多 相关推荐 2 回答 30 浏览 Lighthouse Node API运行后性能评分一直是undefined怎么办? 我在用Lighthouse Node API跑性能测试时,获取的performance评分总是undefined,但其他指标正常。代码是这样写的: const lighthouse = require... 皇甫明阳 工具 2026-02-17 16:29:22 1 回答 29 浏览 Lighthouse建议移除未使用的JavaScript,但我不知道哪些能删? 我用 Lighthouse 跑分,Performance 得分很低,提示“移除未使用的 JavaScript”,但我项目里引用了好几个第三方库,比如 lodash 和 moment.js,只用了其中一... UE丶红娟 工具 2026-02-26 15:37:22 2 回答 22 浏览 Lighthouse 报告里“未使用 JavaScript”是怎么回事? 我在用 Lighthouse 做性能审计时,发现报告里提示“未使用的 JavaScript”,但这些脚本明明是我页面必需的啊。比如下面这段代码: import { initMap } from ... 司马翌喆 工具 2026-02-25 22:10:18 1 回答 44 浏览 Lighthouse生成报告后内容全是空白怎么办? 在用Chrome开发者工具跑Lighthouse评分时,生成的报告页面全是空白,但之前能正常出结果。试过清除浏览器缓存、重启浏览器,甚至重装Chrome都没用。 用控制台看报错显示:Uncaught ... Top丶心虹 工具 2026-02-04 13:14:22 1 回答 4 浏览 Lighthouse性能预算怎么配置才生效? 我在项目里配了Lighthouse的性能预算,但跑完报告发现根本没触发限制,是我写错格式了吗? 我是在budget.json里这样写的: { "budgets": [ { "resourceSizes... 上官雯雯 工具 2026-03-10 12:15:18 2 回答 59 浏览 Lighthouse 报告中 TBT 过高怎么优化? 我用 Lighthouse 测了一个 React 页面,TBT(Total Blocking Time)高达 400ms,明明页面看起来挺流畅的,不知道哪里卡住了。试过把一些 useEffect 拆成... 令狐明宇 工具 2026-03-02 09:04:25 1 回答 16 浏览 Lighthouse 报告中 FCP 时间过长,怎么优化? 我用 Lighthouse 测了一个页面,FCP(First Contentful Paint)居然要 4 秒多,明明首页就加载了一张 logo 图和一点文字,按理说不应该这么慢啊。 我试过把关键 C... 闲人俊蓓 工具 2026-02-28 21:33:19 1 回答 51 浏览 Lighthouse 性能报告里的 TTI 和 FCP 到底怎么优化? 我用 Lighthouse 跑了个性能测试,发现 TTI(可交互时间)和 FCP(首次内容绘制)得分特别低,页面明明看起来加载挺快的啊? 我已经把关键 CSS 内联了,JS 也加了 async,但还是... 文科酱~ 前端 2026-02-26 06:47:20 2 回答 34 浏览 Lighthouse生成报告时为什么显示“加载失败”? 在用Chrome开发者工具运行Lighthouse做PWA测试时,点击生成报告总会弹出“加载失败”的红色错误提示。我试过重启浏览器、清除缓存,甚至重装Chrome,但问题依旧。控制台没报错,其他页面却... 轩辕海燕 工具 2026-02-10 07:30:24 1 回答 32 浏览 Lighthouse提示”优化流程”分数低,动态加载的JS脚本还是导致阻塞渲染怎么办? 我在React项目里用useEffect动态加载第三方统计脚本,虽然用了defer属性,但Lighthouse还是显示这个标签造成了渲染阻塞。代码是这样的: useEffect(() => { ... 轩辕建杰 工具 2026-02-01 16:21:24
1. 网络抖动影响最大,特别是你选了Slow 4G。哪怕你关掉其他标签页,后台可能有自动更新、同步服务在偷偷跑流量。建议多跑几次取平均值,或者改用Fast 3G测试更稳定。
2. 电脑性能确实有影响。如果你在跑测试的时候突然来个系统更新或者杀毒软件扫描,分数直接跳水。最好用闲置状态的电脑跑测试。
3. Lighthouse本身的波动性。Google官方文档也承认有5-10分的正常浮动范围。
建议重点看这几个指标:
- First Contentful Paint(首次内容渲染)
- Time to Interactive(可交互时间)
- Total Blocking Time(总阻塞时间)
不要只看总分,我有个项目总分70但TTI只有2秒,比某些90分的项目体验还好。
可以试试这个稳定测试的方法:
另外DevTools的Lighthouse是简化版,要更精准可以用Node版的CLI工具。希望能帮到你!