使用Lighthouse npm时,如何定位load-opportunities与diagnostics?
定位Lighthouse响应中diagnostics分组的方法
- 先核对Lighthouse版本:不同版本的输出结构差异不小,在v10及以上版本中,diagnostics相关内容不会直接以独立分组名出现在
auditRefs的顶层,而是要找auditRefs条目中"group": "diagnostics"的项,这些就是诊断类的审计关联项。 - 搜索审计项的
type字段:diagnostics类的审计项,type值是单数的"diagnostic",不是你之前找的复数形式。全局搜"type": "diagnostic",所有匹配到的审计项都属于diagnostics分组的内容。 - 确认性能类别已启用:如果初始化Lighthouse时没指定包含performance类别,diagnostics这类性能相关内容会被过滤。检查你的启动配置里是否有
categories: { performance: true }。 - 从根节点
groups字段入手:响应根节点下的groups对象里定义了所有分组的元数据,先找到"diagnostics"对应的分组ID,再用这个ID去auditRefs里匹配关联的审计项。
至于load-opportunities,它对应type: "opportunity"的审计项,同样可以通过搜索这个type值定位,或者在categories[performance].auditRefs里找group为"load-opportunities"的条目。
内容的提问来源于stack exchange,提问作者Abhishek Goswami
相关产品推荐
相关产品推荐

