تخطَّ إلى المحتوى
صفحات هبوط ومتاجر · ٢٠٢٤

متجر يفتح في أقل من ثانية ورفع إتمام الشراء ٤١٪

نقل المتجر إلى Next.js وتبسيط خطوات الدفع إلى خطوتين، فانخفض التخلي عن السلة وارتفع إتمام الشراء ٤١٪.

النتيجة الرئيسية

٠.٩s

زمن فتح الصفحة

العميل

Rawaq

إطلاق تقني خلال أسابيع ثم متابعة تحويل

سرعة الموقع

٠.٩s

زمن فتح الصفحة

Checkout

+٤١٪

نمو إتمام الشراء

الصفحة كانت بتستقبل زوار…بس التحويل كان ضعيف قدام نفس الترافيك

التحدي

متجر بطيء وخطوات دفع طويلة كانت بتسبب هروب من السلة قبل إتمام الشراء.

أهداف المشروع

  • فتح الصفحة في أقل من ثانية
  • تبسيط الدفع
  • رفع نسبة إتمام الشراء

قبل وبعد

مقارنة واضحة بين الوضع السابق والنتيجة بعد التنفيذ

قبل الاشتراك معايا

  • زمن فتح الصفحة

    بطيء ويضايق الزائر

  • إتمام الشراء

    تخلي مرتفع عن السلة

بعد التنفيذ

  • زمن فتح الصفحة

    ٠.٩ ثانية

    أسرع بكثير
  • إتمام الشراء

    تحسن واضح

    +٤١٪

التقارير والأرقام

أرقام التحويل والسرعة والتجربة — قبل وبعد إعادة البناء

سرعة الموقع

زمن الفتح نزل لمستوى ينافس أفضل المتاجر.

٠.٩s

زمن فتح الصفحة

الشهر ١الشهر ٢الشهر ٣

محور الوقت من اليسار لليمين عبر ٣ أشهر فقط: الشهر ١ بداية القياس ← الشهر ٣ بعد التحسين

Checkout

إتمام الشراء ارتفع بعد تبسيط الخطوات.

+٤١٪

نمو إتمام الشراء

الشهر ١الشهر ٢الشهر ٣

محور الوقت من اليسار لليمين عبر ٣ أشهر فقط: الشهر ١ بداية القياس ← الشهر ٣ بعد التحسين

تحليل Google PageSpeed Insights

درجات Lighthouse قبل وبعد التحسين — Performance وAccessibility وBest Practices وSEO

Google PageSpeed Insights

تحليل موبايل

قبل التحسين

٢٨
Performance
٧٦
Accessibility
٦٥
Best Practices
٧٢
SEO

بعد التحسين

٩٦
Performance
٩٨
Accessibility
١٠٠
Best Practices
١٠٠
SEO
Performance: +٦٨ نقطة
Accessibility: +٢٢ نقطة
Best Practices: +٣٥ نقطة
SEO: +٢٨ نقطة

ضغط الصور، تقليل JavaScript، وتحسين LCP وCLS حسب توصيات PageSpeed Insights.

Google PageSpeed Insights

تحليل ديسكتوب

قبل التحسين

٤٩
Performance
٨٠
Accessibility
٧١
Best Practices
٧٨
SEO

بعد التحسين

٩٩
Performance
١٠٠
Accessibility
١٠٠
Best Practices
١٠٠
SEO
Performance: +٥٠ نقطة
Accessibility: +٢٠ نقطة
Best Practices: +٢٩ نقطة
SEO: +٢٢ نقطة

ماذا حصل العميل فعليًا؟

فتح الصفحة في أقل من ثانية

تبسيط الدفع

رفع نسبة إتمام الشراء

منهجية التنفيذ

  1. ١

    نقل المتجر إلى Next.js

  2. ٢

    ضغط الأصول وتحسين الصور

  3. ٣

    اختصار مسار الدفع إلى خطوتين

المدة

إطلاق تقني خلال أسابيع ثم متابعة تحويل

الأدوات المستخدمة

  • Next.js
  • تحسين أداء
  • تحسين الدفع
خلاصة النتيجة٠.٩s زمن فتح الصفحة

النتيجة مش كلام… دي أرقام تتشاف.

المتجر بقى أسرع، والعميل بيكمل الشراء بنسبة أعلى من غير زيادة في الإنفاق الإعلاني.

خالد شبل

دراسات حالة مشابهة

نتائج من نفس المجال تقدر تراجعها كمان

كل الدراسات