باز کردن منوی سایت
Skill عملی برای AI Agent

Web Performance Audit

برای بررسی Core Web Vitals، resourceهای render-blocking، شبکه، layout shift و cache issueها استفاده می‌شود.

آمادهPerformanceمتوسطبه‌روزرسانی ۱۶ تیر ۱۴۰۵
نصب سریعلینک GitHub
1

این Skill چه کاری می‌کند؟

این Skill audit عملی performance انجام می‌دهد؛ FCP، LCP، TBT، CLS، TTFB، waterfall، preload و cache header را بررسی می‌کند.

2

ورودی لازم

  • URL یا صفحه هدف
  • trace یا Lighthouse report
  • هدف performance
  • محدودیت browser یا MCP
3

خروجی نهایی

  • Core Web Vitals report
  • bottleneckها
  • اولویت اصلاح
  • چک‌لیست تست بعد از تغییر
4

مناسب کدام Agentهاست؟

Claude CodeCursorCodexGitHub CopilotGemini
5

Copy Prompt / Workflow

این صفحه را از نظر Web Performance audit کن. Core Web Vitals، render-blocking resources، network chain، cache و layout shift را جدا کن و خروجی را عملی و اولویت‌بندی‌شده بده.
6

آموزش استفاده مرحله‌ای

  1. URL یا report را بده.
  2. metricهای اصلی را جدا کن.
  3. network و render-blocking را بررسی کن.
  4. برای هر bottleneck یک fix و تست تایید بده.
7

مثال واقعی

برای یک صفحه کند، این Skill bottleneckهای اصلی مثل asset سنگین یا cache ضعیف را جدا می‌کند و اولویت اصلاح می‌دهد.
8

خطاهای رایج

  • بهینه‌سازی بدون metric
  • نادیده گرفتن cache header
  • تمرکز روی score به‌جای bottleneck
  • ندیدن layout shift culprit
9

منبع و نصب Skill

منبع اصلی و تأییدشده در skills.sh

npx skills add https://github.com/cloudflare/skills --skill web-perf
منبع GitHubصفحه Skill در skills.sh
10
تست وبآمادهمتوسط

Webapp Testing

برای تست عملی وب‌اپلیکیشن، سناریوهای کاربر و گزارش خطا با Agent استفاده می‌شود.

ورودیURL یا محیط staging
خروجیگزارش تست
Compatible Agents
Claude CodeCursorCodexGeminiWindsurf
خروجی نهایی

گزارش تست · مراحل بازتولید · خطاهای دقیق · پیشنهاد رفع

مشاهده SkillGitHub
Cloudflareآمادهمتوسط

Workers Best Practices

برای review و نوشتن Cloudflare Workers با تمرکز روی production، security و observability استفاده می‌شود.

ورودیکد Worker
خروجیگزارش review
Compatible Agents
Claude CodeCursorCodexGitHub CopilotGemini
خروجی نهایی

گزارش review · anti-patternها · اصلاح‌های پیشنهادی · چک‌لیست قبل از deploy

مشاهده SkillGitHub
QA / Verificationآمادهساده

Verification Before Completion

برای چک نهایی قبل از اعلام اتمام کار توسط Agent استفاده می‌شود.

ورودیکار انجام‌شده
خروجیچک‌لیست تایید
Compatible Agents
Claude CodeCursorCodexGeminiChatGPT
خروجی نهایی

چک‌لیست تایید · موارد ناقص · خطاهای احتمالی · مرحله بعدی

مشاهده SkillGitHub