Lighthouse 分数低于 95 怎么办

PerformanceScanner 阻止了发布?本文给出最常见的 6 类性能问题修复。

2026-04-03 · 5 分钟阅读
目录

发布前如果 Lighthouse 性能分 < 95,工作台会列出具体未通过项。常见 6 类问题与修复方法如下。

问题 1:图片过大

症状:LCP > 2.5s。修复:

  • 系统会自动压缩并转换为 WebP
  • 若仍超时:检查英雄图原始尺寸(建议 ≤ 2 MB)
  • 考虑用 SVG 替代复杂图标

问题 2:JS 包过大

症状:TBT 偏高。一般是用了重型第三方组件(如复杂图表)。可尝试懒加载或换更轻量的组件。

问题 3:CLS 抖动

页面加载过程中元素跳动。常见原因:图片未声明宽高、字体加载延迟引起 FOIT/FOUT。修复都是自动的,但若你手工编辑了 DSL,请确保所有 image 节点都有 width / height。

问题 4:第三方脚本过多

百度统计 + 微信 + Clarity + 抖音 OneLink + 神策 …… 同时加载会拖慢首屏。建议非关键脚本设为 idle 加载(工作台-集成-高级里勾选)。

问题 5:字体阻塞渲染

使用了大字体包(如思源黑体全字符集 ~10MB)。建议使用 font subset(仅含中文常用字 ~500KB)或 Web Font CDN。

问题 6:服务器响应慢

TTFB > 600ms。可能是绑定了非阿里云 CDN,或自定义反代有性能问题。建议使用我们默认的 DCDN。

紧急上线

若有真实业务紧急需求且性能问题暂时无法解决,可申请"性能例外",由我们工程师人工评估并临时放行(限 30 天内必须修复)。