يرشد إلى تصحيح الأخطاء وتحسين أكبر محتوى للمحتوى (LCP) باستخدام أدوات Chrome DevTools MCP. استخدم هذه المهارة عندما يسأل المستخدم عن أداء LCP، أو التحميل البطيء للصفحة، أو تحسين Core Web Vitals، أو يريد فهم سبب استغراق المحتوى الرئيسي لصفحته وقتًا طويلاً للظهور. يُستخدم أيضًا عندما يذكر المستخدم "أكبر رسم محتوى" أو "سرعة تحميل الصفحة" أو "CWV" أو يريد تحسين سرعة عرض الصورة الرئيسية أو المحتوى الرئيسي.
ثبّت مهارة الذكاء الاصطناعي debug-optimize-lcp بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: chromedevtools/chrome-devtools-mcp.
Largest Contentful Paint (LCP) measures how quickly a page's main content becomes visible. It's the time from navigation start until the largest image or text block renders in the viewport.
LCP is a Core Web Vital that directly affects user experience and search ranking. On 73% of mobile pages, the LCP element is an image.
Every page's LCP breaks down into four sequential subparts with no gaps or overlaps. Understanding which subpart is the bottleneck is the key to effective optimization.
يرشد إلى تصحيح الأخطاء وتحسين أكبر محتوى للمحتوى (LCP) باستخدام أدوات Chrome DevTools MCP. استخدم هذه المهارة عندما يسأل المستخدم عن أداء LCP، أو التحميل البطيء للصفحة، أو تحسين Core Web Vitals، أو يريد فهم سبب استغراق المحتوى الرئيسي لصفحته وقتًا طويلاً للظهور. يُستخدم أيضًا عندما يذكر المستخدم "أكبر رسم محتوى" أو "سرعة تحميل الصفحة" أو "CWV" أو يريد تحسين سرعة عرض الصورة الرئيسية أو المحتوى الرئيسي. المصدر: chromedevtools/chrome-devtools-mcp.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/chromedevtools/chrome-devtools-mcp --skill debug-optimize-lcpيرشد إلى تصحيح الأخطاء وتحسين أكبر محتوى للمحتوى (LCP) باستخدام أدوات Chrome DevTools MCP. استخدم هذه المهارة عندما يسأل المستخدم عن أداء LCP، أو التحميل البطيء للصفحة، أو تحسين Core Web Vitals، أو يريد فهم سبب استغراق المحتوى الرئيسي لصفحته وقتًا طويلاً للظهور. يُستخدم أيضًا عندما يذكر المستخدم "أكبر رسم محتوى" أو "سرعة تحميل الصفحة" أو "CWV" أو يريد تحسين سرعة عرض الصورة الرئيسية أو المحتوى الرئيسي. المصدر: chromedevtools/chrome-devtools-mcp.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/chromedevtools/chrome-devtools-mcp --skill debug-optimize-lcp بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/chromedevtools/chrome-devtools-mcp