أبرز ما قبل / بعد

الموضة (دبي) — LCP 4.8 ثانية → 2.1 ثانية، INP 320 مللي ثانية → 180 مللي ثانية

• ما قمنا بإصلاحه: تحويل البطل إلى WebP، وتحميل صورة مهمة مسبقًا، وتأجيل التطبيقات غير المهمة، وإزالة CSS غير المستخدم بحوالي 120 كيلوبايت.
• الأدوات: Lighthouse، PageSpeed، WebPageTest، GA4، Chrome Profiler.
• التأثير: +18% معدل الإضافة إلى سلة التسوق؛ معدل الارتداد -12%.

الجمال (أبو ظبي) — LCP 3.9 ثانية → 2.0 ثانية، INP 260 مللي ثانية → 170 مللي ثانية

• ما قمنا بإصلاحه: تبديل عرض الخط، ومجموعة فرعية من الخطوط المتغيرة المستضافة ذاتيًا، والتحميل البطيء للصور الموجودة أسفل الطية.
• التأثير: +11% من الجلسات من تحسين محركات البحث؛ معدل التحويل +9%.

كيف نعمل على تحسين CWV باستمرار

1. خط الأساس والتدقيق (CWV، GA4، WebPageTest)
2. سياسة الوسائط: WebP/AVIF، مجموعات العرض، نسب العرض إلى الارتفاع
3. استراتيجية النظام الغذائي والتأجيل
4. الخطوط: مجموعات فرعية، مبادلة، اتصال مسبق
5. تنظيف الثيم وCSS الحرج