·core-web-vitals
</>

core-web-vitals

قم بتحسين مؤشرات أداء الويب الأساسية (LCP وINP وCLS) للحصول على تجربة أفضل للصفحة وتصنيف البحث. استخدمه عندما يُطلب منك "تحسين مؤشرات أداء الويب الأساسية" أو "إصلاح LCP" أو "تقليل CLS" أو "تحسين INP" أو "تحسين تجربة الصفحة" أو "إصلاح تغييرات التخطيط".

2.6Kالتثبيتات·67الرائج·@addyosmani

التثبيت

$npx skills add https://github.com/addyosmani/web-quality-skills --skill core-web-vitals

كيفية تثبيت core-web-vitals

ثبّت مهارة الذكاء الاصطناعي core-web-vitals بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/addyosmani/web-quality-skills --skill core-web-vitals
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: addyosmani/web-quality-skills.

Targeted optimization for the three Core Web Vitals metrics that affect Google Search ranking and user experience.

| Metric | Measures | Good | Needs work | Poor |

| LCP | Loading | ≤ 2.5s | 2.5s – 4s | > 4s | | INP | Interactivity | ≤ 200ms | 200ms – 500ms | > 500ms | | CLS | Visual Stability | ≤ 0.1 | 0.1 – 0.25 | > 0.25 |

قم بتحسين مؤشرات أداء الويب الأساسية (LCP وINP وCLS) للحصول على تجربة أفضل للصفحة وتصنيف البحث. استخدمه عندما يُطلب منك "تحسين مؤشرات أداء الويب الأساسية" أو "إصلاح LCP" أو "تقليل CLS" أو "تحسين INP" أو "تحسين تجربة الصفحة" أو "إصلاح تغييرات التخطيط". المصدر: addyosmani/web-quality-skills.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/addyosmani/web-quality-skills --skill core-web-vitals
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from addyosmani/web-quality-skills

إجابات سريعة

ما هي core-web-vitals؟

قم بتحسين مؤشرات أداء الويب الأساسية (LCP وINP وCLS) للحصول على تجربة أفضل للصفحة وتصنيف البحث. استخدمه عندما يُطلب منك "تحسين مؤشرات أداء الويب الأساسية" أو "إصلاح LCP" أو "تقليل CLS" أو "تحسين INP" أو "تحسين تجربة الصفحة" أو "إصلاح تغييرات التخطيط". المصدر: addyosmani/web-quality-skills.

كيف أثبّت core-web-vitals؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/addyosmani/web-quality-skills --skill core-web-vitals بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/addyosmani/web-quality-skills

التفاصيل

الفئة
</>أدوات التطوير
المصدر
skills.sh
أول ظهور
2026-02-01