Lighthouse性能优化
网页跑完 Lighthouse 不知改哪项时用这条技能：挂到 Cursor 上，补上项目路径、技术栈与验收标准，它会针对性能、无障碍、SEO 与代码规范逐项分析，给出图片懒加载、字体预加载等修复代码。
适合做什么
- 在 Cursor / 同类 Agent 里挂载可复用技能
- 把重复检查或生成流程固化成一句话指令
- 团队共享「技能卡」减少口头约定
不太适合
- 当作完整安全审计或生产发布的唯一依据
- 无环境上下文时指望一次跑通复杂流水线
提示词正文
【技能名称】Lighthouse性能优化
【技能目标】运行Lighthouse报告，针对Performance/Accessibility/SEO/Best Practices四项逐条分析，给出具体修复代码（图片懒加载、字体预加载、第三方脚本延迟等）。
【使用方式】
1. 将上方目标作为 Agent Skill / 自定义指令的核心描述；
2. 补充你的项目路径、技术栈与验收标准；
3. 要求 Agent 先列出检查清单，再执行并给出可复核的输出（如 diff / 报告）；
4. 若涉及发布或删除，必须二次确认。
【运营向用法提示】
可用于内容站、工具站或增长落地页的自动化检查与批处理；输出请要求中文结论 + 可执行下一步。复制后粘贴到 AI 对话框，按填空补全即可。
使用步骤
- 准备好项目路径、技术栈和验收标准
- 把技能目标粘进 Agent 的自定义指令
- 让它先给检查清单，再跑报告并附 diff
常见问题
没有真实项目能先试吗？
可以先用一个公开的静态页面跑一遍，把页面地址、技术栈填进技能描述，看它给出的检查清单和修复项是否对得上，再换成自己的项目。
修复代码要不要直接用？
当参考更稳妥。它给的图片懒加载、字体预加载、脚本延迟等写法要对照你的构建工具和框架版本再改，改完重跑一次报告复核四项结果。
什么情况不适合用它？
需要登录态或依赖后端接口的页面不好直接跑，这类页面得自己补登录脚本和测试数据；不涉及前端渲染的纯接口性能问题也不在它的四项范围内。
来源说明
整理自公开提示词站点素材，经 52运营 筛选与页面改写，便于运营场景检索。 原始参考：来源链接