Lighthouse 性能评分为什么本地高线上低? 司徒心虹 提问于 2026-03-30 17:45:12 阅读 2 工具 我在本地跑 Lighthouse 测试,性能分能到 90+,但部署到线上环境后同样的页面却只有 60 多分,差距太大了。网络和服务器配置确实不一样,但不至于差这么多吧? 我试过用 --throttling-method=provided 关掉模拟限速,也确认了静态资源都上了 CDN,还有啥可能影响线上评分的因素?是不是 Lighthouse 在 CI 环境里默认用了不同的设备模拟? 我来解答 赞 0 收藏 分享 生成中... 手机扫码查看 复制链接 生成海报 反馈 发表解答 您需要先 登录/注册 才能发表解答 1 条解答 Mr.嘉木 Lv1 线上环境的性能瓶颈很可能在第三方资源加载和服务器响应上。检查下是否有阻塞渲染的脚本,用 async 或 defer 处理。还有就是排查下真实用户的网络延迟和服务器端渲染时间,这些都会影响Lighthouse评分。 回复 点赞 2026-03-30 18:00 加载更多 相关推荐 2 回答 22 浏览 为什么页面FCP很高但Lighthouse评分却不错? 我在用 Lighthouse 测速时发现 FCP(首次内容绘制)经常超过 3 秒,但整体性能评分却有 80 多分,这合理吗?是不是我哪里监控错了? 我页面里有个 loading 动画,用 CSS 控制... Newb.子轩 前端 2026-03-02 16:37:20 2 回答 48 浏览 Lighthouse Node API运行后性能评分一直是undefined怎么办? 我在用Lighthouse Node API跑性能测试时,获取的performance评分总是undefined,但其他指标正常。代码是这样写的: const lighthouse = require... 皇甫明阳 工具 2026-02-17 16:29:22 2 回答 84 浏览 Lighthouse性能评分优化后反而下降了,哪里出问题? 我给网站压缩了图片,移除了没用的JS代码,按理说性能应该更好,但Lighthouse评分从85直接掉到72,这是为啥? 之前优化时做了这些:img标签加了loading="lazy",把多个CSS文件... 萌新.嘉倪 工具 2026-02-09 22:18:28 2 回答 578 浏览 Lighthouse 性能分为什么突然掉到30分? 我最近用 Lighthouse 测了一个 React 页面,性能分从 80 多直接掉到 30 分,完全没动过关键资源加载逻辑,很困惑。 页面结构很简单,就是个带懒加载图片的列表,但 Lighthous... 夏侯一涵 工具 2026-03-08 21:41:21 2 回答 90 浏览 为什么我的PWA在Lighthouse评分中无法通过“安装”项? 我按照教程配置了manifest和service worker,但Lighthouse的“安装”评分一直显示失败。明明检查过manifest的图标、名称都填了,service worker也能正常控制... ლ梓萱 工具 2026-02-04 11:14:29 1 回答 29 浏览 Lighthouse CLI 扫描本地 HTML 文件为啥报“无法访问页面”? 我用 Lighthouse CLI 想分析一个本地的静态 HTML 页面,执行命令 lighthouse file:///path/to/index.html 后却提示 “Unable to acce... 极客倩利 工具 2026-03-23 21:11:24 1 回答 33 浏览 PWA 的 Lighthouse 评分为什么总是卡在安装提示上? 我用 Lighthouse 测了一个 PWA 项目,其他项都绿了,就“可安装”这一项一直过不去,提示“没有有效的 manifest 或 service worker”。但我明明加了 manifest.... UE丶涵博 前端 2026-03-21 10:13:25 1 回答 48 浏览 PWA在Lighthouse中总是拿不到100分,离线功能到底怎么配? 我用Workbox生成了service worker,本地测试离线也能加载页面,但Lighthouse评分里“Offline support”这一项还是不通过,提示“Does not register... Top丶子聪 前端 2026-03-20 11:07:19 1 回答 40 浏览 Lighthouse性能预算怎么配置才生效? 我在项目里配了Lighthouse的性能预算,但跑完报告发现根本没触发限制,是我写错格式了吗? 我是在budget.json里这样写的: { "budgets": [ { "resourceSizes... 上官雯雯 工具 2026-03-10 12:15:18 2 回答 27 浏览 Lighthouse跑分时为什么总提示“未建立缓存策略”? 我用 Lighthouse 测性能,每次都会报“未建立缓存策略”,但我的静态资源明明加了 Cache-Control: max-age=31536000 啊。是不是哪里没配对? 我用的是 Nginx,... 码农诗雅 前端 2026-03-03 11:13:20
async或defer处理。还有就是排查下真实用户的网络延迟和服务器端渲染时间,这些都会影响Lighthouse评分。