360 Secure SkillHub
360 安全技能中心

frontend-performance-audit

核心功能:接收页面URL、项目文件等输入,依据内置指标和诊断规则生成优化报告,区分观测证据与推断结论,优先推荐低改动高收益方案。典型场景:页面加载慢、Lighthouse指标差、Core Web Vitals不达标等。输出规范报告,数据不全时会说明缺失项与置信度。

cnoder-wgh
cnoder-wgh
热度 63.43
最近更新 2026-05-11 17:33:09
分类:开发依赖:读写文件 / 联网浏览搜索 / 内部调用大模型应用场景:调试排错 / 数据处理 / 报告撰写

安装技能

复制下面的话术发给你的 Agent,它会通过 secure-skills 检索并安装该技能。

执行命令安装此 skill: npx secure-skills-cli add frontend-performance-audit
Metadata
name
frontend-performance-audit
description
分析前端页面性能并输出结构化优化报告。适用于页面速度慢、lighthouse 指标差、core web vitals 不达标、首屏慢、交互卡顿、bundle 过大、阻塞渲染资源过多等场景。

前端性能优化

当用户提供页面地址、构建配置或前端项目文件,并希望分析性能问题、输出优化建议时,使用本技能。

执行流程

  1. 先识别已有输入:
    • 页面 URL
    • Lighthouse 指标
    • Network 瀑布图
    • Bundle 分析
    • 技术栈信息
  2. 读取 references/metrics.md,确定必须输出的性能指标。
  3. 读取 references/diagnosis-rules.md,根据症状匹配原因和建议。
  4. 按 references/report-template.md 输出正式报告。

规则

  • 有核心 Web 指标时,优先输出核心 Web 指标。
  • 明确区分“已观测证据”和“推断结论”。
  • 优先给出高收益、低改动成本的建议。
  • 不要轻易建议重构,除非轻量优化不足以解决问题。
  • 数据不完整时,要明确说明缺失项和结论置信度。