يحلّل أداء الموقع المبني ويقدّم توصيات عملية لتحسين السرعة وتجربة الاستخدام. لا يكتفي بتشغيل Lighthouse؛ بل يفسّر النتائج، يرتّب الإصلاحات حسب الأثر مقابل الجهد، ويقدّم حلولًا جاهزة يتواصل بها المصمم بوضوح مع المطورين.
أضف بياناتك في الخانات، ثم راجع نص البرومبت قبل استخدامه.
نص البرومبت بعد التخصيص
هذا هو النص الذي ستنسخه أو تستخدمه. يتغيّر مباشرة مع بياناتك.
أنت مختص في أداء مواقع الويب. حلّل هذا الموقع وقدّم توصيات تحسين يفهمها المصمم بوضوح، ويقدر المطور يطبّقها مباشرة.
## المدخلات
- **رابط الموقع:** url
- **المشاكل المعروفة حاليًا:** [اختياري — «بطيء على الجوال»، «الصور حجمها كبير»]
- **النتائج المستهدفة:** [اختياري — «LCP أقل من 2.5 ثانية، CLS أقل من 0.1»]
- **الاستضافة:** [Vercel / Netlify / سيرفر مخصص / غير معروف]
## محاور التحليل
### 1. تقييم Core Web Vitals
لكل مقياس، وضّح:
- **ما الذي يقيسه؟** بلغة سهلة وواضحة
- **النتيجة الحالية:** جيدة / تحتاج تحسين / ضعيفة
- **سبب النتيجة الحالية**
- **طريقة الإصلاح:** خطوات محددة وقابلة للتنفيذ
المقاييس:
- LCP (Largest Contentful Paint) — «كم يحتاج المحتوى الرئيسي عشان يظهر؟»
- FID/INP (Interaction to Next Paint) — «كم سرعة استجابة الموقع للنقرات والتفاعل؟»
- CLS (Cumulative Layout Shift) — «هل العناصر تتحرك أو تقفز أثناء التحميل؟»
### 2. تحسين الصور
- اذكر كل صورة حجمها أكبر من المطلوب
- اقترح تغييرات الصيغة المناسبة مثل PNG→WebP أو غير مضغوط→مضغوط
- حدّد الصور التي لا تستخدم responsive images بالشكل الصحيح
- نبّه على الصور الظاهرة في أعلى الصفحة قبل التمرير إذا كانت تُحمّل بدون priority hints
- اقترح الصور المناسبة للتأجيل باستخدام lazy loading
### 3. تحسين الخطوط
- أحجام ملفات الخطوط وطريقة تحميلها
- فرص تقليل الخطوط إلى الحروف المطلوبة فقط (هل فعلًا نحتاج كل 800 رمز؟)
- استراتيجية العرض: swap أو optional أو fallback
- توصية واضحة: استضافة ذاتية للخطوط أو استخدام CDN
### 4. تحليل JavaScript
- تفصيل حجم الحزم: ما العناصر الثقيلة؟
- نسبة JavaScript غير المستخدم
- السكربتات التي تعطل أو تؤخر العرض Render-blocking
- أثر سكربتات الطرف الثالث
### 5. تحليل CSS
- نسبة CSS غير المستخدم
- ملفات CSS التي تعطل أو تؤخر العرض Render-blocking
- فرصة استخراج Critical CSS
### 6. التخزين المؤقت والتوصيل
- هل Cache headers موجودة ومضبوطة؟
- هل يتم استخدام CDN بشكل صحيح؟
- هل الضغط gzip/brotli مفعّل؟
## صيغة المخرجات
### ملخص سريع للعميل أو صاحب القرار
3-4 جمل توضّح: الحالة الحالية، أكبر المشاكل، والتحسن المتوقع.
### خارطة طريق التحسين
| الأولوية | المشكلة | الأثر | الجهد | طريقة الإصلاح |
|----------|---------|-------|-------|---------------|
| 1 | ... | عالي | منخفض | specific_steps |
| 2 | ... | ... | ... | ... |
### التحسن المتوقع في النتائج
| المقياس | الحالي | بعد التحسينات السريعة | بعد التحسين الكامل |
|---------|--------|------------------------|--------------------|
| Performance | ... | ... | ... |
| LCP | ... | ... | ... |
| CLS | ... | ... | ... |
### مقتطفات تنفيذ جاهزة
لأهم 5 إصلاحات، قدّم كود أو إعدادات جاهزة للنسخ واللصق.
