سرعة الموقع وتأثيرها على المبيعات في السعودية: كيف تختبر وتحسّن

متجر سلّة سعودي سألنا: زياراتنا 12 ألف شهرياً، لكن التحويل 0.4%. ميزانيّة الإعلانات تحرق. ما المشكلة؟

اختبرنا الموقع: LCP 4.8 ثانية على الموبايل، CLS 0.31، Time-to-First-Byte 1.6 ثانية. سرعة الموقع وتأثيرها على المبيعات كانت السبب الجوهري. بعد 3 أسابيع تحسين: LCP 1.7 ثانية، CLS 0.04، TTFB 280ms. النتيجة: التحويل ارتفع من 0.4% إلى 1.8% (4.5× زيادة) بدون أيّ تغيير آخر.

السرعة عامل ترتيب رسمي من جوجل + عامل حاسم في التحويل. الدليل التالي يشرح كيف تقيس + كيف تحسّن.

الأرقام التي تربط السرعة بالمبيعات

• كل ثانية تأخير = -7% تحويل (Amazon, 2006 — ما زال صحيحاً).
• 53% من زوّار الموبايل يغادرون لو الموقع > 3 ثوانٍ (Google, 2018).
• موقع بـ LCP < 2.5 ثانية يبيع 2.6× أكثر من موقع بـ LCP > 4 ثوانٍ (Walmart case study).
• كل 100ms تأخير = -1% إيراد (Akamai, للمتاجر الكبيرة).
• منذ 2021، Core Web Vitals عامل ترتيب رسمي من جوجل.

الـ 3 معايير الأساسيّة: Core Web Vitals

LCP (Largest Contentful Paint)

التعريف: الوقت اللازم لظهور أكبر عنصر مرئي في الصفحة (عادة Hero image أو H1).

المعيار: < 2.5 ثانية (Good)، 2.5-4 (Needs Improvement)، > 4 ثوانٍ (Poor).

الأسباب الشائعة: صور كبيرة بدون lazy loading، خطوط ثقيلة، CSS blocking، استضافة بطيئة.

CLS (Cumulative Layout Shift)

التعريف: مدى انتقال العناصر على الصفحة أثناء التحميل (الصورة تظهر فجأة وتدفع النصّ للأسفل).

المعيار: < 0.1 (Good)، 0.1-0.25 (Needs Improvement)، > 0.25 (Poor).

الأسباب الشائعة: صور بدون width/height، إعلانات تظهر متأخّرة، خطوط Web تتأخّر، iframes مفاجئة.

INP (Interaction to Next Paint) — بديل FID منذ مارس 2024

التعريف: الوقت من تفاعل المستخدم (نقرة) حتى استجابة الصفحة المرئيّة.

المعيار: < 200ms (Good)، 200-500ms (Needs Improvement)، > 500ms (Poor).

الأسباب الشائعة: JavaScript ثقيل، Event handlers معقّدة، Third-party scripts (chat، analytics) متعدّدة.

كيف تختبر سرعة موقعك

1. PageSpeed Insights (الأساس + مجاني)

https://pagespeed.web.dev/ — أدخل URL، احصل على تقرير شامل بـ Core Web Vitals + Lab Data + Field Data + توصيات.

اختبر الصفحات الأهمّ: Home، Top product/service page، Cart/Checkout. الاختبار على الموبايل أهمّ من الديسكتوب (92% من البحث في السعوديّة موبايل).

2. Google Search Console (للموقع الكامل)

GSC > Experience > Core Web Vitals — يكشف عدد الصفحات بـ Good/Needs Improvement/Poor + يحدّد URLs المشكلة.

3. WebPageTest (الأعمق + مجاني)

https://www.webpagetest.org/ — يعطي Waterfall كامل لكل request، يكشف ما يستغرق أطول وقت.

4. Chrome DevTools (للمطوّر)

F12 > Lighthouse + Performance tabs — اختبار محلّي مع تحكّم في إعدادات الشبكة + المعالج.

5. GTmetrix (للمراقبة المستمرّة)

https://gtmetrix.com/ — مجاني محدود، مدفوع للمراقبة اليوميّة.

الـ 12 إصلاح الأكثر تأثيراً

1. ضغط الصور + تحويلها لـ WebP/AVIF

توفير 30-60% من حجم الصور. WordPress: Smush أو ShortPixel. سلّة وشوبيفاي: التحويل تلقائي عادة. اختبار التحويل: قارن حجم نفس الصورة قبل/بعد.

2. lazy loading للصور خارج الشاشة

أضف loading=”lazy” لكل صورة ما عدا الـ LCP image (التي تحتاج loading=”eager” + fetchpriority=”high”).

3. أبعاد width + height للصور

تمنع CLS. كل لازم يحتوي width و height (أو aspect-ratio في CSS).

4. تقليل عدد + حجم JavaScript

كل JS غير حرج → defer أو async. تجنّب Frameworks ثقيلة لمواقع بسيطة. استخدم Tree-shaking لإزالة الكود غير المستخدم.

5. Critical CSS inline في

CSS للجزء الأوّل من الصفحة (Above the fold) يُكتب inline. باقي الـ CSS يحمّل بعد ذلك.

6. preconnect لـ Third-party origins

+ لكل Third-party تستخدمه (Cal.com، Web3Forms، الـ Analytics).

7. font-display: swap للخطوط

يمنع FOIT (Flash of Invisible Text). يعرض النصّ بخطّ Fallback حتى يحمّل الخطّ الأصلي.

8. CDN قريب جغرافياً

Cloudflare، Bunny، Fastly — تخدم المحتوى من سيرفر قريب. للسوق السعودي، Cloudflare يخدم من جدّة/دبي بسرعة عالية.

9. تحديث PHP لـ 8.x (لـ WordPress)

PHP 8.x أسرع 30-50% من PHP 7.4. Hostinger وغيره يدعم PHP 8.3 الآن.

10. Caching على عدّة طبقات

Browser cache + Server cache + CDN cache. WordPress: WP Rocket أو W3 Total Cache. سلّة/شوبيفاي: مدمج.

11. تقليل Third-party scripts

كل Chat widget، Analytics، Tag manager يضيف 50-200ms. احسب: هل القيمة تستحقّ التأخير؟

12. Server-Side Rendering أو Static Generation

WordPress خام = SSR على كل request (بطيء). WordPress + WP Rocket = Cached HTML (سريع). Astro/Next.js Static = HTML من الـ Build (الأسرع).

الأثر المالي المتوقّع لتحسين السرعة

مثال عملي لمتجر بـ 12 ألف زيارة شهرياً:

• قبل التحسين: LCP 4.8s، تحويل 0.4%، إيراد شهري 48 ألف ريال.
• بعد التحسين: LCP 1.7s، تحويل 1.8%، إيراد شهري 216 ألف ريال.
• الفرق: 168 ألف ريال شهرياً = 2 مليون ريال سنوياً.
• تكلفة التحسين: 12,000-25,000 ريال (لمرّة واحدة).
• ROI: 10,000%+ في السنة الأولى.

السرعة هي الـ ROI الأعلى في كل تحسينات السيو + UX.

الفرق بين تحسين سلّة، شوبيفاي، WordPress

• سلّة: التحسين محدود (لا تتحكّم في الـ Core)، لكن إصلاح الصور + Theme المخصّص يحسّن كثيراً.
• شوبيفاي: تحكّم أعمق عبر Liquid + Theme. الـ Apps الكثيرة قد تبطّئ — راجع وأزل غير الضروري.
• WordPress: أكبر حرّيّة في التحسين، لكن أكبر مخاطر بطء. يحتاج: Theme خفيف (Astra/GeneratePress)، Plugins قليلة، Caching plugin، استضافة جيّدة، CDN.
• Astro/Next.js: الأسرع بطبيعته. SSG لكل صفحة، Cloudflare Workers لتوصيلها. خدمة تطوير المواقع لدينا تستخدم هذا الـ Stack افتراضياً.

أخطاء التحسين الشائعة

• تحسين Desktop فقط: 92% من البحث في السعوديّة موبايل. ركّز على الموبايل.
• اختبار في الـ Lab بدون Field Data: Lab سريع، الواقع قد يكون أبطأ. استخدم GSC للـ Field Data.
• إزالة Tracking لزيادة السرعة: فقدان البيانات أغلى من 100ms. اخفِف لا تحذف.
• التحسين مرّة واحدة: Plugins جديدة + محتوى جديد يبطّئ. اختبر شهرياً.
• تجاهل الـ Third-party: Chat، Analytics، Tag manager يبطّئون. حدّد ما يستحقّ.

أمثلة موثّقة من السوق السعودي

متجر شوبيفاي للتجميل: تحسين السرعة من 4.2s إلى 1.6s LCP رفع التحويل من 0.6% إلى 2.4% — تفاصيل في دراسة الحالة.

مزيد من التفاصيل التقنيّة في دليل أخطاء السيو التقنيّة.

الأسئلة الشائعة

كم تكلفة تحسين سرعة موقع؟

موقع شركة بسيط: 3,500-8,000 ريال لمرّة واحدة. موقع متجر متوسّط: 8,000-18,000 ريال. منصّة كبيرة: 20,000-50,000 ريال. التحسين المستمرّ ضمن عقد صيانة شهري (1,500-3,500 ريال شهرياً).

متى أرى أثر تحسين السرعة على الترتيب؟

أثر فوري على التحويل (خلال أسبوع). أثر على الترتيب 4-8 أسابيع (جوجل يحتاج وقتاً لإعادة تقييم Core Web Vitals). الأثر التراكمي يستمرّ بالنموّ لمدّة 6 شهور.

هل أحتاج Cloudflare؟

للسوق السعودي/الخليجي، Cloudflare يحسّن السرعة 30-50% للمستخدمين المحلّيّين. الخطّة المجانيّة كافية لمعظم المواقع. الخطّة Pro (20$/شهر) للمواقع بحجم 50K+ زيارة شهرياً.

أيّ أكثر تأثيراً: LCP أم CLS أم INP؟

LCP أكبر تأثير على Bounce Rate + التحويل. CLS أكبر تأثير على Frustration + ترك الموقع. INP أكبر تأثير على تجربة الـ Interactive (التطبيقات، Forms). كلّ المعايير الثلاثة لازم تكون Good.

هل WordPress أبطأ من Shopify؟

WordPress خام: نعم أبطأ. WordPress + WP Rocket + قالب خفيف + Cloudflare: قريب من Shopify. الفرق الجوهري: WordPress يحتاج صيانة مستمرّة للحفاظ على السرعة، Shopify يحافظ تلقائياً.

هل أحتاج مطوّر لتحسين السرعة؟

التحسينات الأساسيّة (ضغط الصور، Lazy loading، Plugins) ممكن المالك يعملها بـ Tools جاهزة. التحسينات العميقة (Critical CSS، Code splitting، Server tuning) تحتاج مطوّر متخصّص.

الخطوة التالية

احجز جلسة استشارة مجانيّة 30 دقيقة. نشغّل اختبار سرعة شامل لموقعك مباشرة في الجلسة + تقرير مكتوب يحدّد أهمّ 5 تحسينات + الأثر المتوقّع لكلّ منها على التحويل والترتيب.