تحسين أداء الويب والواجهة الأمامية. يُستخدم عندما يطلب المستخدم "تحسين الأداء"، أو "تحسين وقت التحميل"، أو "التحميل البطيء"، أو "تقسيم التعليمات البرمجية"، أو "حجم الحزمة"، أو "مؤشرات الويب الأساسية"، أو "تحسين الصورة"، أو "تصغير CSS/JS"، أو "إستراتيجيات التخزين المؤقت"، أو "توصيف الأداء"، أو يذكر أداء الويب ومقاييس تجربة المستخدم.
ثبّت مهارة الذكاء الاصطناعي web-performance بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: 1mangesh1/dev-skills-collection.
Strategies and techniques for optimizing web application performance and user experience.
| First Contentful Paint (FCP) | < 1.8s | Chrome DevTools | | Largest Contentful Paint (LCP) | < 2.5s | Lighthouse | | Time to Interactive (TTI) | < 3.8s | WebPageTest | | Total Blocking Time (TBT) | < 150ms | Lighthouse |
تحسين أداء الويب والواجهة الأمامية. يُستخدم عندما يطلب المستخدم "تحسين الأداء"، أو "تحسين وقت التحميل"، أو "التحميل البطيء"، أو "تقسيم التعليمات البرمجية"، أو "حجم الحزمة"، أو "مؤشرات الويب الأساسية"، أو "تحسين الصورة"، أو "تصغير CSS/JS"، أو "إستراتيجيات التخزين المؤقت"، أو "توصيف الأداء"، أو يذكر أداء الويب ومقاييس تجربة المستخدم. المصدر: 1mangesh1/dev-skills-collection.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/1mangesh1/dev-skills-collection --skill web-performance بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/1mangesh1/dev-skills-collection --skill web-performanceتحسين أداء الويب والواجهة الأمامية. يُستخدم عندما يطلب المستخدم "تحسين الأداء"، أو "تحسين وقت التحميل"، أو "التحميل البطيء"، أو "تقسيم التعليمات البرمجية"، أو "حجم الحزمة"، أو "مؤشرات الويب الأساسية"، أو "تحسين الصورة"، أو "تصغير CSS/JS"، أو "إستراتيجيات التخزين المؤقت"، أو "توصيف الأداء"، أو يذكر أداء الويب ومقاييس تجربة المستخدم. المصدر: 1mangesh1/dev-skills-collection.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/1mangesh1/dev-skills-collection --skill web-performance بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/1mangesh1/dev-skills-collection