📌 web-perf 是什么？

页面加载慢一秒，用户就跑一批。web-perf 是 Cloudflare 官方技能，让 AI 帮你分析网站性能瓶颈，给出缓存、压缩、边缘优化等提速方案。

它把"快"变成一套可执行的性能优化动作。

🧩 核心功能

性能分析：定位加载慢的原因。

缓存策略：配置 CDN 缓存和失效策略。

资源优化：图片压缩、代码压缩、HTTP/3。

边缘加速：用 Cloudflare 边缘能力加速。

👍 优点

见效快：很多优化开箱即用。

手段全：缓存、压缩、协议。

省流量：CDN 分担。

⚠️ 不足与局限

极致性能需结合前端架构一起改。

缓存配置要细心。

部分优化要权衡。

🙋 适合谁用

站长：让网站更快更省流量。

前端开发者：优化首屏和交互性能。

🛠️ 第一次安装

前提：电脑装了 Node.js（18+），有支持 Skill 的 AI 工具（如 Claude Code）。打开终端执行：

bash
npx skills add cloudflare/skills --skill web-perf

CLI 会自动检测你装的 AI 助手，确认安装位置后即可使用。

✍️ 上手：几个真实例子

场景一：分析

提示词
我的网站首屏加载要 6 秒，帮我分析瓶颈。

场景二：优化

提示词
帮我配置缓存策略和图片压缩。

场景三：提速

提示词
帮我看看还能从哪些地方提速。

🎯 典型应用场景

首屏优化：加载速度。

缓存：CDN 缓存。

资源优化：图片压缩。

协议：HTTP/3。

⚖️ 和类似方案对比

和"感觉网站慢但不知道怎么办"相比，web-perf 的价值是"可执行"——先测出基线、再定位瓶颈、再逐项优化，每一步都有据可依。网站性能往往不是玄学，是几处具体的问题。

💡 常见问题 FAQ

问：先做什么？
先用 Lighthouse 测基线，再定位大头。

问：图片怎么优化？
压缩、懒加载、现代格式（WebP/AVIF）。

问：缓存怎么配？
静态资源长缓存，动态内容短缓存。

问：HTTP/3 有用吗？
有，能减少连接延迟。

📌 总结

总的来说，web-perf 的价值在于把原本繁琐、重复、容易出错的工作，变成几句对话就能搞定。如果你正好是它的目标用户，装一个试试——成本很低，上手只要几分钟，带来的效率提升却实实在在。如果需求比较轻量，也可以先让 AI 演示一遍再决定是否长期使用。

🤖 适合哪些 AI 工具

Cloudflare 官方 Skill，Claude Code、Cursor、Codex 等支持 Skill 的工具都能装。