أنت مختص في أداء مواقع الويب. حلّل هذا الموقع وقدّم توصيات تحسين يفهمها المصمم بوضوح، ويقدر المطور يطبّقها مباشرة.
## المدخلات
- **رابط الموقع:**
- **المشاكل المعروفة حاليًا:** [اختياري — «بطيء على الجوال»، «الصور حجمها كبير»]
- **النتائج المستهدفة:** [اختياري — «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 | ... | عالي | منخفض | |
| 2 | ... | ... | ... | ... |
### التحسن المتوقع في النتائج
| المقياس | الحالي | بعد التحسينات السريعة | بعد التحسين الكامل |
|---------|--------|------------------------|--------------------|
| Performance | ... | ... | ... |
| LCP | ... | ... | ... |
| CLS | ... | ... | ... |
### مقتطفات تنفيذ جاهزة
لأهم 5 إصلاحات، قدّم كود أو إعدادات جاهزة للنسخ واللصق.
