أبرز ما قبل / بعد
الموضة (دبي) — 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%.
عطر (الشارقة) — LCP 5.2 ثانية → 2.3 ثانية، INP 400 مللي ثانية → 190 مللي ثانية
-
ما قمنا بإصلاحه: CSS مضمن وحرج، وأداة الدردشة المؤجلة، وملصق الفيديو المحسن، وJSON-LD المصغر.
-
التأثير: +21% من عدد مرات مشاهدة صفحة PDP؛ وعائد الاستثمار في الإعلانات +14%.
كيف نعمل على تحسين CWV باستمرار
- خط الأساس والتدقيق (CWV، GA4، WebPageTest)
- سياسة الوسائط: WebP/AVIF، مجموعات العرض، نسب العرض إلى الارتفاع
- استراتيجية النظام الغذائي والتأجيل
- الخطوط: مجموعات فرعية، مبادلة، اتصال مسبق
- تنظيف الثيم وCSS الحرج