web-perf

仓库创建 2025年12月11日最近提交 7 小时前SkillHot 收录 1 小时前

▸ 精选理由

可生成详尽的性能审计与优化要点，适合前端性能诊断。

这个 Skill 做什么

使用 Chrome DevTools MCP 审计网页性能并报告 CWV 与辅助指标。

用 Chrome DevTools MCP 做网页性能审计，测 Core Web Vitals（LCP、INP、CLS）和补充指标（FCP、TBT、Speed Index），找出渲染阻塞、网络依赖链、布局偏移和缓存问题。适合要优化页面加载、提升 Lighthouse 得分或定位慢页瓶颈时使用。偏好实时检索最新文档而不是只靠旧知识，结果更贴合当前最佳实践。

▸ 展开 SKILL.md 英文原文

Analyzes web performance using Chrome DevTools MCP. Measures Core Web Vitals (LCP, INP, CLS) and supplementary metrics (FCP, TBT, Speed Index), identifies render-blocking resources, network dependency chains, layout shifts, caching issues, and accessibility gaps. Use when asked to audit, profile, debug, or optimize page load performance, Lighthouse scores, or site speed. Biases towards retrieval from current documentation over pre-trained knowledge.

开发编程性能分析Core Web Vitals渲染优化网络链路通用

2.6k

Stars

242

Forks

仓库内 Skill

积累中

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/cloudflare/skills/main/skills/web-perf/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/cloudflare/skills/main/skills/web-perf/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# Web Performance Audit

Your knowledge of web performance metrics, thresholds, and tooling APIs may be outdated. **Prefer retrieval over pre-training** when citing specific numbers or recommendations.

## Retrieval Sources

| Source | How to retrieve | Use for |
|--------|----------------|---------|
| web.dev | `https://web.dev/articles/vitals` | Core Web Vitals thresholds, definitions |
| Chrome DevTools docs | `https://developer.chrome.com/docs/devtools/performance` | Tooling APIs, trace analysis |
| Lighthouse scoring | `https://developer.chrome.com/docs/lighthouse/performance/performance-scoring` | Score weights, metric thresholds |

## FIRST: Verify MCP Tools Available

**Run this befo

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有