Audit Web Performance with Chrome DevTools
Slow pages reduce engagement and hide complex loading bottlenecks. This skill records Chrome traces, evaluates Core Web Vitals, and prioritizes measurable fixes.
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "web-perf" from https://skillstore.io/skills/cloudflare-web-perf.md and its manifest at https://skillstore.io/api/skills/cloudflare-web-perf/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「web-perf」を使用しています。 Audit the home page and identify the largest loading delay.
期待される結果:
LCP needs improvement. The hero image is discovered late through CSS, so preloading and direct markup are the highest-priority fixes.
「web-perf」を使用しています。 Review scripts and styles for avoidable blocking work.
期待される結果:
「web-perf」を使用しています。 Check performance and high-level accessibility issues.
期待される結果:
Performance is strong, but two controls lack accessible names. Confirm keyboard focus behavior manually before release.
All 59 static findings are false positives caused by Markdown formatting, documentation links, or Chrome DevTools MCP method names. One separate medium supply-chain risk remains because the setup executes an unpinned latest package.
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/cloudflare-web-perf/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/cloudflare-web-perf?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/cloudflare-web-perf?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/cloudflare-web-perf/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/cloudflare-web-perf.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>cloudflare. (2026). web-perf security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/cloudflare-web-perf/audits/1@techreport{cloudflare-cloudflare-web-perf-2026,
author = {cloudflare},
title = {web-perf security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/cloudflare-web-perf/audits/1},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "web-perf security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
- name: "cloudflare"
date-released: "2026-08-09"
url: "https://skillstore.io/skills/cloudflare-web-perf/audits/1"
identifiers:
- type: other
value: "skillstore:cloudflare-web-perf:audit:1"
description: "Skillstore immutable audit report identifier"
Trace a slow product page and prioritize loading fixes by estimated impact.
Compare captured metrics and network behavior after an optimization release.
Turn trace evidence into a focused backlog of measurable performance work.
Audit {URL} with a cold-load trace. Report key metrics, the top three issues, and specific fixes ranked by estimated impact.Analyze {URL} for render blocking, request chains, caching problems, and large payloads. Explain the evidence behind each priority.Audit {URL} for Core Web Vitals and accessibility gaps. Separate measured findings from observations that require manual verification.Trace {URL}, inspect the available codebase, and map major bottlenecks to framework or bundler changes with expected impact.作成者
cloudflareライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
リポジトリ
https://github.com/cloudflare/skills/tree/f96bff754e428838818017f75817f0f9428acd48/skills/web-perf参照
47cf4adbf32018981daba69343434454119f2afa
メンテナンスの新しさ
2026/8/10
利用状況
0 ダウンロード · 0 閲覧
ファイル構成
📄 SKILL.md
Plan Cloudflare One Migrations
Legacy security policies often lack direct Cloudflare One equivalents. This skill builds an accountable migration map, staged rollout, validation plan, and rollback path.
Build Stable Cloudflare Sandbox Apps
Cloudflare Sandbox projects can fail when stable and preview packages, images, or APIs are mixed. This skill keeps implementation aligned with the stable release.
Migrate Cloudflare Sandbox Apps to SDK 1.0
Stable Sandbox applications require coordinated API, image, and deployment changes for SDK 1.0. This skill performs the migration and validates the result.
Audit Codebases for Security Vulnerabilities
Security reviews often miss trust-boundary failures or produce weak evidence. This skill structures reconnaissance, isolated validation, independent verification, and actionable reporting.
Build Stateful Cloudflare Agents
Building durable, real-time agents on Cloudflare Workers requires several coordinated APIs. This skill provides focused patterns for the Agents SDK and related Cloudflare services.
Build Cloudflare Sandbox Preview Apps
Preview SDK changes make Cloudflare Sandbox applications difficult to implement correctly. This skill provides version-specific contracts, examples, and official documentation routes.
Lighthouse のコントラストエラーを修正する
作成者 ZhanlinCui
Lighthouse のコントラスト監査の失敗は、実行可能な SEO とアクセシビリティの結果を見えにくくすることがあります。このスキルは、CSS のコントラスト問題に対する重点的なチェックと修正パターンを提供します。
より優れたSwiftUI機能を構築する
作成者 avdlee
SwiftUIプロジェクトでは、非推奨API、壊れやすい状態管理、遅いビュー更新が蓄積することがあります。このスキルは、モダンで保守しやすいSwiftUIコードのための的確なガイダンスを提供します。
Next.js パフォーマンスの最適化
作成者 Atman36
Next.js アプリケーションは、大きなバンドル、弱いキャッシュ、最適化されていないメディアによって遅くなることがあります。このスキルは、Claude、Codex、Claude Code が本番アプリ向けに的を絞ったパフォーマンス改善を行えるよう支援します。
フロントエンドのアクセシビリティを改善する
作成者 EIS-ITS
フロントエンドチームは、日常的なUI作業の中で、キーボード、セマンティック、スクリーンリーダーに関する要件を見落としがちです。このスキルは、Claude、Codex、Claude Code がインターフェースの作成や編集を行う際にアクセシビリティチェックを適用できるよう支援します。
フロントエンドコンポーネントの基礎をレビューする
作成者 DanielPodolsky
フロントエンドレビューでは、コンポーネントが保守しにくくなるまで、アーキテクチャ、状態、アクセシビリティ、パフォーマンスの問題が見落とされがちです。このスキルは、Claude、Codex、Claude Codeがコンポーネント品質のための焦点を絞ったチェックリスト質問とレビューパターンに沿って進められるようにします。
UIアニメーションのモーションパフォーマンスを修正
作成者 ibelick
不適切なアニメーションの選択は、ぎこちないインターフェースや高コストなレンダリング処理を引き起こす可能性があります。このスキルは、Claude、Codex、Claude Codeに、モーションをレビューして改善するための重点的なルールを提供します。