cloudflare-web-perf 是 Cloudflare 官方提供的技能(skill),属于 cloudflare/skills 技能集,主要用于网页性能的审计与修复。
用途 该技能聚焦 Core Web Vitals 相关指标,帮助识别并修复影响用户体验的网页性能问题。涵盖的指标包括:LCP(Largest Contentful Paint,最大内容绘制)、INP(Interaction to Next Paint,交互到下次绘制)、CLS(Cumulative Layout Shift,累积布局偏移)以及 TTFB。同时,它也能定位阻塞渲染的资源、未优化的图片和导致布局不稳定的原因。
主要能力
- 审计 Core Web Vitals:针对 LCP、INP、CLS、TTFB 进行问题识别。
- 识别阻塞渲染资源:发现影响页面渲染速度的资源。
- 识别未优化图片:发现图片层面的性能隐患。
- 识别布局不稳定成因:帮助定位 CLS 相关问题。
- 提供 Cloudflare 相关修复方案:涉及 Workers、Cache Rules 和 Image Optimization。
使用方式 该技能提供安装与调用流程说明。首先判断完整技能是否已安装:检查指定位置的 SKILL.md 是否仍包含 das: 块。
全局检查命令: grep -q "^das:" ~/.agents/skills/cloudflare-web-perf/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
项目检查命令: grep -q "^das:" .agents/skills/cloudflare-web-perf/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
若没有 das: 块,说明完整技能已安装,可直接调用;若存在 das: 块,则进入安装步骤。
检测安装范围: [ -e ~/.agents/skills/cloudflare-web-perf ] && echo "global" || echo "project"
全局安装命令(带 -g): npx skills add cloudflare/skills --skill cloudflare-web-perf -g -y
项目安装命令(不带 -g): npx skills add cloudflare/skills --skill cloudflare-web-perf -y
在 Claude Code 中,可将上述任一命令作为以 ! 开头的聊天消息发送,从而在不离开对话的情况下运行。
安装后调用: 技能名称:cloudflare-web-perf 触发短语:"web performance"、"Core Web Vitals"、"LCP"、"CLS"、"render blocking"
适用场景 适用于需要对网页进行 Core Web Vitals 审计与优化的场景,尤其是使用 Cloudflare 服务、希望借助 Workers、Cache Rules 和 Image Optimization 改善 LCP、INP、CLS、TTFB 等指标的开发与运维工作。
限制 资料中未提供该技能的收费、价格、具体性能提升效果等事实信息,暂未提供。