跳转到主要内容

Web Perf

技能 活跃
属于:Cloudflare

使用 Chrome DevTools MCP 分析网页性能。测量核心 Web 指标(LCP、INP、CLS)和补充指标(FCP、TBT、Speed Index),识别渲染阻塞资源、网络依赖链、布局偏移、缓存问题和可访问性差距。当需要审核、分析、调试或优化页面加载性能、Lighthouse 分数或网站速度时使用。倾向于从当前文档中检索信息,而不是依赖预训练知识。

目的

通过利用 Chrome DevTools MCP 的功能,为优化 Web 页面性能提供深入的分析和可行的建议。

功能

  • 测量核心 Web 指标(LCP、INP、CLS)
  • 分析渲染阻塞资源和网络依赖链
  • 识别布局偏移、缓存问题和可访问性差距
  • 提供详细的性能跟踪分析
  • 提供用于优化机会的代码库分析

使用场景

  • 当被要求审核页面加载性能时。
  • 当被要求调试网站加载缓慢时。
  • 当被要求优化 Lighthouse 分数或网站速度时。
  • 当需要分析 Web 应用程序性能时。

非目标

  • 执行实际的代码重构或资源优化。
  • 提供长时间的实时性能监控。
  • 审核与前端渲染无关的后端服务器性能。

文档

  • info:配置和参数参考虽然工作流程中记录了许多参数,但工作流程中的一些工具调用(例如 `performance_analyze_insight`)引用了可能变化的 insight 名称,并且并非所有参数的显式默认值都总是清晰的。

版本控制

  • warning:版本管理SKILL.md 前端信息或 GitHub releases 中没有明确声明版本控制,并且安装说明引用了 'latest',导致难以固定特定版本。

代码执行

  • info:错误处理SKILL.md 提到了跟踪失败的故障排除步骤,但没有明确记录工具调用的详细错误处理(例如,结构化的错误字段,如 'code'、'retryable'、'hint')。

错误

  • info:可操作的错误消息SKILL.md 提供了跟踪失败的基本故障排除,但没有详细说明所有潜在工具调用失败的具体错误消息、根本原因或补救步骤。

实用性

  • info:边缘情况SKILL.md 包含跟踪失败的故障排除部分,但没有明确列出其他潜在的失败模式(例如,无效 URL、速率限制)及其对应的恢复步骤。

安全

  • info:在意外状态下停止SKILL.md 提供了跟踪失败的故障排除,但没有明确说明在继续之前停止并报告意外的初始状态(如脏工作树或无效的初始页面加载)的策略。

安装

请先添加 Marketplace

/plugin marketplace add cloudflare/skills
/plugin install skills@cloudflare

质量评分

95 /100
1 day ago 分析

信任信号

最近提交10 days ago
星标1.5k
许可证Apache-2.0
状态
查看源代码

类似扩展

Investigate Capa Root Cause

100

Investigate root causes and manage CAPAs (Corrective and Preventive Actions) for compliance deviations. Covers investigation method selection (5-Why, fishbone, fault tree), structured root cause analysis, corrective vs preventive action design, effectiveness verification, and trend analysis. Use when an audit finding requires a CAPA, when a deviation or incident occurs in a validated system, when a regulatory observation needs a formal response, when a data integrity anomaly requires investigation, or when recurring issues suggest a systemic root cause.

技能
pjt222

Soul Guardian

100

Drift detection + baseline integrity guard for agent workspace files with automatic alerting support

技能
prompt-security

Audit Dependency Versions

100

Audit project dependencies for version staleness, security vulnerabilities, and compatibility issues. Covers lock file analysis, upgrade path planning, and breaking change assessment. Use before a release to ensure dependencies are current and secure, during periodic maintenance reviews, after receiving a security advisory, when upgrading to a new language version, before submitting to CRAN or npm, or when inheriting a project to assess its dependency health.

技能
pjt222

Toprank Weekly Review

100

Run a weekly SEO review for one registered website, write audit artifacts, and choose the next best safe action.

技能
nowork-studio

Janitor Tokens

100

显示每个技能消耗的上下文窗口令牌数量。当用户询问有关令牌成本、上下文预算、技能大小,或希望了解哪些技能浪费了最多的上下文空间时使用。

技能
khendzel

Janitor Report

100

一个完整的报告,用于检查所有技能的健康状况。当用户想要检查错误、查找重复项、检测损坏的技能或获取技能健康状况的完整概览时使用。

技能
khendzel