发布前如果 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 天内必须修复)。