ما هي core-web-vitals؟
مهارات قياس وتشخيص مؤشرات أداء الويب الأساسية. Lighthouse CLI، محلل الحزمة، تحديد مشكلات الأداء والتدابير المضادة. المصدر: kimny1143/claude-code-template.
مهارات قياس وتشخيص مؤشرات أداء الويب الأساسية. Lighthouse CLI، محلل الحزمة، تحديد مشكلات الأداء والتدابير المضادة.
ثبّت مهارة الذكاء الاصطناعي core-web-vitals بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: kimny1143/claude-code-template.
| 指標 | Good | Needs Improvement | Poor |
| LCP (Largest Contentful Paint) | 4.0s | | INP (Interaction to Next Paint) | 500ms | | CLS (Cumulative Layout Shift) | 0.25 | | FCP (First Contentful Paint) | 3.0s | | TTFB (Time to First Byte) | 1800ms |
| ヒーロー画像が重い | next/image + priority + WebP | | Webフォント読み込み | next/font + display: swap | | サーバー応答遅い | キャッシュ、CDN、DB最適化 | | render-blocking JS | 動的インポート、defer |
مهارات قياس وتشخيص مؤشرات أداء الويب الأساسية. Lighthouse CLI، محلل الحزمة، تحديد مشكلات الأداء والتدابير المضادة. المصدر: kimny1143/claude-code-template.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/kimny1143/claude-code-template --skill core-web-vitalsمهارات قياس وتشخيص مؤشرات أداء الويب الأساسية. Lighthouse CLI، محلل الحزمة، تحديد مشكلات الأداء والتدابير المضادة. المصدر: kimny1143/claude-code-template.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/kimny1143/claude-code-template --skill core-web-vitals بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/kimny1143/claude-code-template