Claude Code با Chrome DevTools MCP سرعت سایت را بررسی و اصلاح می‌کند

Claude Code با اتصال به ابزار رسمی Chrome DevTools MCP می‌تواند یک سایت را در مرورگر Chrome باز کند، عملکرد آن را بسنجد، عوامل اصلی کندی را شناسایی کند و پس از اصلاح کدهای پروژه، آزمایش را تکرار کند. این فرایند به توسعه‌دهندگان اجازه می‌دهد شواهد فنی و نتایج قبل و بعد از تغییرات را در یک گردش کار واحد مشاهده کنند.

Chrome DevTools MCP در گیت‌هاب یک سرور «پروتکل زمینه مدل» است که به عامل‌های کدنویسی مانند Claude، Cursor، Copilot و Antigravity امکان کنترل و بررسی یک مرورگر زنده Chrome را می‌دهد. این ابزار برای خودکارسازی مرورگر، اشکال‌زدایی عمیق و تحلیل عملکرد طراحی شده و یک رابط خط فرمان نیز برای استفاده بدون MCP دارد.

#افزودن Chrome DevTools به Claude Code

برای افزودن این ابزار به Claude Code در سطح کاربر می‌توان دستور زیر را اجرا کرد:

bashکپی
claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest

پس از ورود به پوشه پروژه و اجرای Claude Code، می‌توان از عامل خواست سایت موردنظر را در Chrome باز کند، عملکرد آن را با Lighthouse بررسی کند و یک Performance Trace بگیرد. سپس پنج مشکل اصلی را بر اساس میزان تأثیرشان همراه با شواهد فهرست کند، ایرادها را یکی‌یکی در کد پروژه برطرف سازد و در پایان، آزمایش را دوباره انجام دهد تا امتیازهای قبل و بعد مقایسه شوند.

این روش در یادداشت منتشرشده درباره بررسی عملکرد سایت با Claude Code نیز به‌عنوان یک گردش کار برای یافتن و رفع مشکلات سرعت معرفی شده است.

#امکانات اشکال‌زدایی و تحلیل عملکرد

Chrome DevTools MCP علاوه بر ثبت ردپای عملکرد و استخراج پیشنهادهای قابل‌اجرا، می‌تواند درخواست‌های شبکه و پیام‌های Console را تحلیل کند. تهیه اسکرین‌شات، خودکارسازی عملیات در Chrome و ثبت Snapshot حافظه نیز در دسترس است.

این ابزار برای خودکارسازی از Puppeteer استفاده می‌کند و به‌صورت خودکار منتظر نتیجه عملیات مرورگر می‌ماند. پشتیبانی رسمی آن به Google Chrome و Chrome for Testing محدود است؛ مرورگرهای دیگر مبتنی بر Chromium ممکن است کار کنند، اما عملکرد آن‌ها تضمین نشده است.

#ملاحظات حریم خصوصی و آمار استفاده

Chrome DevTools MCP محتوای مرورگر را در اختیار کلاینت MCP قرار می‌دهد؛ بنابراین نباید اطلاعات حساس یا شخصی در مرورگری قرار گیرد که عامل کدنویسی به آن دسترسی دارد.

گوگل به‌طور پیش‌فرض آمار استفاده، از جمله موفقیت فراخوانی ابزارها، تأخیر و اطلاعات محیط را جمع‌آوری می‌کند. برای غیرفعال‌کردن این جمع‌آوری باید گزینه --no-usage-statistics هنگام راه‌اندازی سرور اضافه شود. این تنظیم از آمار خود مرورگر Chrome مستقل است.

ابزارهای عملکرد همچنین ممکن است نشانی Trace را برای دریافت داده‌های تجربه واقعی کاربران به رابط CrUX گوگل ارسال کنند. این قابلیت با گزینه --no-performance-crux قابل غیرفعال‌کردن است.