دليل تسريع الموقع عبر Cloudflare خطوة بخطوة للمبتدئين

باختصار: إذا كان موقعك يعاني من بطء التحميل أو ارتفاع زمن أول بايت (TTFB)، فإن Cloudflare يمنحك حلاً مجانياً فعالاً لاختصار مئات الميلي ثانية. هذا الدليل يشرح لك كل خطوة داخل لوحة Cloudflare لجعل موقعك عالي السرعة، حتى لو لم تكن تملك أي خبرة برمجية.

1. ما هو Cloudflare ولماذا يغير سرعة موقعك جذرياً؟

كثير من المبتدئين يظنون أن Cloudflare هو مجرد جدار حماية لمنع الهجمات. في الواقع، الدور الأكبر لكلاودفلير هو العمل كـ شبكة توزيع المحتوى CDN.

عندما يزور شخص موقعك في الوضع العادي، يسافر طلبه آلاف الكيلومترات من حاسوبه إلى مكان الخادم (مثلاً في ألمانيا أو أمريكا)، ثم ينتظر معالجة الخادم، ثم تعود الصفحة إليه.

مع Cloudflare، يتواجد موقعك في أكثر من 330 مدينة حول العالم:

وإذا كان موقعك ووردبريس، فـاستضافة ووردبريس المضبوطة تكمل عمل Cloudflare من جهة الخادم بدل أن يعود كل طلب إلى PHP وقاعدة البيانات.

2. الخطوة الأولى: السحابة البرتقالية وسرعة الـ DNS

أول وأبسط خطوة، ولكن يخطئ فيها الكثيرون:

1. ادخل إلى لوحة Cloudflare واختر موقعك.
2. اذهب إلى قسم DNS > Records.
3. تأكد أن السجل الرئيسي لموقعك (A Record أو CNAME) يحمل أيقونة السحابة البرتقالية (Proxied) وليس الرمادية (DNS Only).

الرمز البرتقالي (Proxied): يمرر الطلبات عبر شبكة تسريع Cloudflare (المطلوب).
الرمز الرمادي (DNS Only): يحول الزائر مباشرة لخادمك متجاهلاً كل مزايا التسريع.

3. الخطوة الثانية: قواعد الكاش الذكية (حل مشكلة TTFB من جذورها)

هذه هي الخطوة الأهم في هذا الدليل بالكامل، وهي السر الذي يفصل بين المواقع السريعة جداً والمواقع البطيئة.

3.1 المشكلة الافتراضية في كاش كلاودفلير

الوضع الافتراضي في Cloudflare يخزن الصور وملفات الـ CSS و JavaScript فقط، لكنه لا يخزن شيفرة الـ HTML الخاصة بالصفحات. هذا يعني أنه مع كل زيارة، يذهب Cloudflare إلى خادمك ليطلب الصفحة، مما يرفع زمن أول بايت (TTFB) إلى 500ms أو أكثر!

3.2 الحل: إنشاء قاعدة تخزين كل الصفحات (Cache Rules)

1. من القائمة الجانبية، اذهب إلى Caching > Cache Rules.
2. اضغط على زر Create Rule.
3. اكتب اسماً للقاعدة، مثلاً: Cache All Static Pages.
4. في قسم When incoming requests match:
   • اختر Field: URI Path.
   • اختر Operator: does not start with.
   • القيمة: /wp-admin (إذا كنت تستخدم ووردبريس) أو /admin.
5. في قسم Then (Cache Eligibility):
   • حدد الخيار: Eligible for cache.
6. في إعدادات Edge TTL:
   • اختر: Ignore cache-control header and use this TTL.
   • حدد المدة: 7 days (أو 1 month).
7. في إعدادات Browser TTL:
   • اختر: Respect origin TTL (أو حدد 30 minutes).
8. اضغط Deploy لتفعيل القاعدة.

4. الخطوة الثالثة: تقليص زمن الاتصال وإعادة التشفير (تقنية 0-RTT وبروتوكول HTTP/3)

في اختبارات فحص السرعة، تضيع أحياناً أكثر من 300ms إلى 450ms في مجرد تأسيس الاتصال المشفر (TLS Handshake) قبل أن تبدأ الصفحة في النزول أصلاً. هذه الإعدادات تقلص هذا الوقت إلى جولة واحدة فقط:

4.1 تفعيل HTTP/3 (with QUIC)

1. اذهب إلى Speed > Settings (أو Network).
2. انزل إلى قسم Protocol Optimization.
3. فعّل مفتاح HTTP/3 (with QUIC).

• الفائدة: يستخدم بروتوكول UDP بدلاً من TCP، مما يلغي بطء تأسيس الاتصال المتكرر ويسرّع التحميل على شبكات الجوال الضعيفة.

4.2 تفعيل 0-RTT Connection Resumption

1. من نفس الصفحة أو تحت تبويب SSL/TLS > Edge Certificates.
2. فعّل خيار 0-RTT Connection Resumption.

• الفائدة: يتيح للزائر العائد لموقعك بدء تنزيل البيانات دون أي انتظار لإعادة تشفير الاتصال (صفر ميلي ثانية لتأسيس الاتصال).

4.3 تفعيل Early Hints (HTTP 103)

• اذهب إلى Speed > Optimization وفعّل Early Hints.
• الفائدة: يقوم Cloudflare بإرسال روابط ملفات الخطوط والـ CSS لمتصفح الزائر فوراً أثناء تجهيز الصفحة، فيبدأ المتصفح بتحميلها مسبقاً.

4.4 تفعيل التخزين المتدرج Tiered Cache (مجاني)

1. اذهب إلى Caching > Tiered Cache.
2. فعّل خيار Tiered Cache المجاني.

• الفائدة: بدلاً من أن يقوم كل خادم لكلاودفلير بطلب الصفحة من موقعك بشكل منفصل، تطلب الخوادم الصفحة من خادم رئيسي موحد في كلاودفلير، مما يحمي خادمك من الضغط ويوحد الكاش عالمياً.

5. الخطوة الرابعة: ضغط البيانات التلقائي (خوارزمية Brotli و Rocket Loader)

كلما قل حجم الملفات المنقولة عبر الإنترنت، كلما زادت سرعة ظهور الموقع على شاشات الزوار:

5.1 الضغط بخوارزمية Brotli

1. اذهب إلى Speed > Optimization.
2. تأكد من تفعيل Brotli.

• الفائدة: ضغط حديث يتفوق على Gzip بنسبة 15-25% في تقليص أحجام ملفات HTML و CSS.

5.2 التعامل مع Rocket Loader (بحذر)

• ستجد خياراً اسمه Rocket Loader في قسم السرعة.
• النصيحة للمبتدئين: جربه، فإذا كان موقعك مدونة أو مقالات فسيؤخر تحميل سكربتات JavaScript ويسرّع ظهور النصوص جداً. أما إذا كان لديك متجر معقد أو أدوات تفاعلية ووجدت أي خلل في الأزرار، فقم بتعطيله.

6. الخطوة الخامسة: استثناءات ضرورية لتفادي أي أخطاء

تخزين صفحات الـ HTML كاملة يمنحك سرعة عالية، لكن يجب أن تستثني الأماكن الحساسة لكي لا يرى زائر بيانات زائر آخر:

لتطبيق هذه الاستثناءات بسهولة:

1. اذهب إلى Caching > Cache Rules.
2. اجعل قاعدة الاستثناء بالأعلى: الشرط URI Path starts with /wp-admin والإجراء: Bypass cache.

7. كيف تتحقق من نجاح التسريع ومسح الكاش؟

بعد تطبيق الخطوات السابقة، كيف تتأكد أن موقعك أصبح يعمل بكامل سرعة Cloudflare؟

7.1 مسح الكاش القديم (Purge Everything)

عند تعديل إعدادات الكاش لأول مرة أو تحديث تصميم موقعك:

1. اذهب إلى Caching > Configuration.
2. اضغط على زر Purge Everything.
3. انتظر 30 ثانية لتنظيف كافة النسخ القديمة.

7.2 فحص النتيجة الحية

افتح موقعك في المتصفح، واضغط بالزر الأيمن ثم Inspect ثم تبويب Network: اضغط على رابط صفحتك الرئيسي وانظر إلى قسم Response Headers:

• إذا وجدت cf-cache-status: HIT فهذا يعني أن صفحتك تُخدم فوراً من طرف الشبكة Edge!
• إذا وجدت cf-cache-status: MISS في أول زيارة، فحدّث الصفحة مرة أخرى وستتحول فوراً إلى HIT.

الخلاصة وقائمة التحقق السريعة

اتبع هذه القائمة السريعة للتأكد من إتمام كل خطوة:

1. البروكسي: السحابة برتقالية (Proxied) لجميع السجلات الرئيسية في DNS.
2. كاش الصفحات: قاعدة Cache Rule مفعلة لجميع الصفحات العامة مع قيمة Edge TTL لمدة 7 أيام.
3. البروتوكولات: تفعيل HTTP/3 و 0-RTT من قسم Speed/Network.
4. تجميع الكاش: تفعيل Tiered Cache لتوحيد الكاش عالمياً.
5. الاستثناءات: تجاوز الكاش تلقائياً لمسارات /admin وسلات الشراء.

تطبيق هذه الخطوات الخمس وحدها كفيل بخفض مدة تحميل موقعك وTTFB بنسبة تتجاوز 70% دون دفع فلس واحد ودون كتابة سطر برمجي واحد على خادمك.

بعد التطبيق أعد القياس عبر أداة فحص السرعة والاستضافة. وإن بقي TTFB مرتفعاً فالمشكلة في الخادم نفسه وليست في الحافة، وهنا يبدأ مسار تحسين السرعة أو الانتقال إلى استضافة أسرع.