理解Lighthouse自定义审计：从基础到实操

新手可以先用单个JS文件做测试，再逐步完善插件结构

分值计算 ：通常使用 score = (符合要求🔍的图片数🍀 / 总图片数) * 100

理解Lighthouse自定义审计：从基础到实操

Audit ：根据收集到的数据，给出分数和建议

优化建议：让审计结果直接指导SEO 自定义审🎊计的价值在于 定向优化

理解Lighthouse自定义审计：从基础到实操

Gatherer ：负责在页🎵面运行时收集数据，比如提取所有图片的alt属性、检查标题层级是否规范

理解Lighthouse自定义审计：从基础到实操

示例中，它收集所有图片元素的 alt 数组

理解Lighthouse自定义审计：从基础到实操

注意 ：自定义审计的脚💯本需要遵循Lighthouse的插件规范

核心代码片段：一个简单的图片alt审计 以下是一个简化的自定义审计逻辑，你可以根据实际需要修改： Gatherer ：通过 passes 配置中的 gatherers 字段注册，在页面加载完成后执行

注意事项与常见问题 在实践过程中，以下几点值得留意： 避免过于严格的阈值 ：例如要求所有图片都有长描述，可能在某些页面不现实