طريقة ربط كلاود فلير (Cloudflare) بالموقع وتقليل استهلاك موارد السيرفر

الطريقة الأولى لربط كلاود فلير بالموقع: (لا تعمل مع الجميع)

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

لا تردد في مشاهدة هذه المقالة لمعرفة الفرق بين جميع أنواع الاستضافة.

تأكد من إختيار دومين الموقع الصحيح الذي تود ربطة بـ الكلاود فلير قبل النقر على “Provision Domain with Full Zone Setup“.

الاَن مطلوب منك تغير النيم سيرفر الخاصة بالدومين من خلال لوحة تحكم الدومين، وإضافة النيم سيرفر الخاصة بموقع كلاود فلير كما تظهر في الصورة.

• aiden.ns.cloudflare.com
• dana.ns.cloudflare.com

قم بتسجيل الدخول إلى لوحة تحكم الدومين لتغيير النيم سيرفر (DNS)، بالتأكيد لوحة تحكم الدومين تختلف من شركة إلى أخرى، ولكن طريقة تغير النيم سيرفر واحدة.

أنصحك بأن تلقي نظرة على المقارنة بين أفضل 6 مواقع لحجز النطاقات مع بعض النصائح الهامة التي يجب الإنتباه لها عند اختيار شركة حجز الدومين.

سنقوم بالشرح على لوحة جودادي الجديدة. بعد تسجيل الدخول إلى الحساب إتجه نحو My Product، حيث ستجد الدومين الخاص بك، بعدها قم بالنقر على DNS. لمعرفة ما المقصود بـ نظام أسماء النطاقات (DNS) شاهد هذه المقالة.

ستجد خيارين أمامك هما Records وNameservers، سنقوم بالتعديل على الـ Nameservers فقط. قم بالضغط على Change، ثم قم بنسخ النيم سيرفر الخاصة بموقع كلاود فلير وهما:

• aiden.ns.cloudflare.com
• dana.ns.cloudflare.com

بعدها قم بالضغط على Save، ليتم تغير النيم سيرفر الخاصة بالدومين. يجب الإنتظار لبعض الوقت حتى يتم تنشيط  الـ DNS الجديد.

يُمكنك التعرف على النيم سيرفر الحالى بشكل لحظي عن طريق هذا الموقع DNSCheck. بعد التوجه للموقع قم بكتابة الدومين، وبعدها إنقر على Test Now ليظهر لك النيم سيرفر الحالى للدومين.

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

الطريقة الثانية لربط كلاود فلير بالموقع: (تعمل مع الجميع)

في حال عدم وجود خاصية ربط الموقع بشبكة توصيل المحتوى كلاود فلير داخل لوحة الـ cPanel، سيكون أمامك خيار وحيد، وهو التوجه بنفسك إلى الموقع الرسمي لــ Cloudflare، وإدخال بيانات الحساب الذي قمت بإنشاءه سابقاً.

بعد تسجيل الدخول لحسابك، قم بالنقر على “Add Site” الموجودة في الجزء العلوي من الصفحة، ثم قم بكتابة دومين موقعك في المكان المخصص له، بعدها انقر على “Add Site“.

بعد النقر على “Add Site“، سيتم إخبارك بأنه لابد من تغير النيم سيرفر الخاصة بالدومين ليتم ربط الموقع بكلاود فلير، قم بالنقر على “Next” لأننا سنقوم بتغيره في الخطوة القادمة.

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

بعد إختيار الخطة المناسبة لك، قم بالنقر على “Confirm Plan“.

الاَن، حان وقت تغير النيم سيرفر الخاصة بالدومين كما شرحنا بالتفصيل في الطريقة الأولى. وبدون أي إختلاف تستطيع معرفة النيم سيرفر الحالي للدومين بشكل لحظي من خلال هذا الموقع DNSCheck.

عندما تتأكد من تنشط النيم سيرفر الخاصة بكلاود فلير، قم بالنقر على “Continue“، لتكتمل عملية ربط الموقع بشبكة توصيل المحتوى كلاود فلير بنجاح.

تهيئة إعدادت كلاود فلير لأقصى درجات ممكنة من الحماية، والسرعة، والأمان

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

من خلال استخدام بعض الخواص التي تمنحنا إياها كلاود فلير مثل، خاصية “Always use HTTPS” لتحويل جميع الروابط التي تعمل بالبروتوكل العادي (HTTP) إلى البروتوكل المشفر (HTTPS)، بجانب استخدام اَلية HSTS أيضاً للقضاء على جميع عمليات التحويل بشكل نهائي.

مع تفعيل خاصية الـ Auto Minify لعمل كاش لجميع أكواد الموقع وحذف الأكواد الغير ضرورية، واستخدام خوارزمية ضغط الملفات المتطورة “Brotil” المقدمة من قبل Google، بالإضافة إلى تفعيل خاصية ™Rocket Loader لتحميل أكواد الجافا اسكربت بشكل غير متزامن مع باقي الأكواد الموجودة بالصفحة (HTML، CSS)، ستلاحظ تحسن رهيب في سرعة الموقع ووقت تحميل الصفحة.

تهيئة إعدادت الأمان والتشفير (Crypto)

توجه إلى إعدادت الأمان والتشفير من خلال تبويب Crypto. أول خاصية سنقوم بتفعيلها هي خاصية “Always use HTTPS“، لإعادة توجيه 301 لجميع عناوين الـ URL التى تستخدم بروتوكول “http” إلى البروتوكل المشفر “https“، هذا من شأنه أن يزيد من طبقة الأمان الخاصة بالموقع.

بعدها سنقوم بتفعيل اَلية HTTP Strict Transport Security، لتقليل عمليات التحويل (Redirect) التي ستحدث. قم بالنقر على “Change HSTS Settings” لظبط الإعدادت وتفعيل الخاصية.

بعد تركيب شهادة الأمان (SSL)، ستجد عمليات الـ Redirect كثيرة جداً. عمليات التحويل هذه من أشهر العوامل التي تؤثر على سرعة الموقع بالسلب. لا تترد في مشاهدة أفضل 7 أدوات مجانية لـ فحص سرعة الموقع.

وهنا يأتي دور هذه الاَلية (HSTS)، التي وظيفتها القضاء على عمليات التحويل بشكل نهائى، وبالتالي تحسين سرعة الموقع.

ضع في إعتبارك أن هذه الاَلية لا يمكن أن تعمل إلا مع المواقع التي تستخدم شهادة الأمان (SSL) فقط، حيث أن وظيفتها القضاء على عمليات التحويل التي تحدث من HTTP إلى HTTPS.

بعد النقر على “Change HSTS Settings“، ضع علامة صح أمام “I understand“، وهذا يعني أنك مدرك لكيفية عمل هذه الاَلية، ليتم توجيهك لظبط الإعدادت بعد النقر على “Next“.

قم بتطبيق هذه الإعدادت بالحرف الواحد كما تظهر في الصورة، حيث أن كافة هذه الإعدادت موصي بها من قبل خبراء الأمان، وبعد الإنتهاء قم بالنقر على “Save“.

أخر خاصية سنقوم بتفعيلها في إعدادت الـ Crypto هي Automatic HTTPS Rewrites. تعمل هذه الخاصية بشكل تلاقئ على جعل الموقع متاحاً بالكامل عبر البروتوكل المشفر (HTTPS)، مما يساعد على إزالة أخطاء المحتوى المختلط، والتأكد من حماية جميع البيانات المحملة من موقعك.

تهيئة إعدادت السرعة (Speed)

قم بالدخول إلى إعدادت السرعة من خلال تبويب Speed، ستجد أول خيار أمامك خاصية الـ Auto Minify. ضع علامة صح أمام الـ JavaScript، والـ CSS، والـ Html، ليتم إزالة الأسطر والأحرف الغير ضرورية من أكواد الموقع، مثل الـ Comment والـ Whitespace، بالإضافة إلى عمل كاش لجميع الأكواد بإستخدام خاصية الـ Auto Minify.

فقط لمستخدمي صفحات الجوال المسرعة (AMP)، قم بإضافة دومين الموقع مرة بـ www ومرة بدونها في خانة Select SubDomains، مع تفعيل كلاً من خاصية Enable Accelerated Mobile Links وShow AMP logo before links.

خدمة ضغط Brotli، هي إحدى خوارزميات ضغط الملفات المتطورة والمدعومة من جميع المتصفحات تقريباً، والتي تم تطويرها من قبل Google للمساعدة على تسريع وقت التحميل، لذا تأكد من تفعيل هذه الخدمة أيضاً.

اَخر خاصية سنقوم بتفعيلها في إعدادت السرعة هي ™Rocket Loader. ولكن، ماذا تفعل هذه الخاصية؟ وما هي فائدتها؟ هذه الخاصية لتحميل أكواد الجافا اسكربت بشكل غير متزامن مع باقي الأكواد الموجودة بالصفحة (HTML، CSS)، بحيث لا يتم منع عرض محتوى الصفحة بسبب أكواد الجافا اسكربت.

ولكن أنا مبتدأ ولا أفهم ماذا تعني بعبارة “أكواد الجافا اسكربت تمنع عرض محتوى الصفحة“.

حسناً، سنشرح مثال بسيط لتوضيح ماذا تعني هذه العبارة. إحدى طرق التسويق الشهيرة هي تجميع قائمة بريدية للمهتمين بمجالك لتقوم بالتسويق بعدها من خلال إرسال رسائل البريد الإلكتروني.

وأنا شخصياً أقوم باستخدام إضافة لتساعدني على تجميع هذه القائمة، تسمى Sumo. عندما يقوم المستخدم بزيارة الموقع تقوم هذه الإضافة بإظهار قائمة جذابة تعرض على الزائر الإشتراك في القائمة البريدية للموقع. تتكون هذه الإضافة من بعض الأكواد من بينها أكواد جافا اسكربت.

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

ولكن إذا قمت بتفعيل هذه الخاصية سيتم تأخير ظهور هذه القائمة التي تحتوى على الكثير من أكواد الجافا اسكربت لحين تحميل محتوى الصفحة اولاً.

بعض أصحاب الموقع يقوم بعمل نسخه أخرى من الموقع متجاوبة للهاتف المحمول، مع وضعها على نطاق فرعي (Subdomain) هكذا “https://domain/mobail” أو هكذا “https://mobail.domail.com“، ليتم تحويل زائر الموبايل إلى هذه النسخة الأخرى المتجاوبة من الموقع، وهذا لا ينصح به بالطبع ولكن ليس موضوعنا الاَن.

في هذه الحالة، يجب تفعيل خاصية “Mobile Redirect” مع إضافة النطاق الفرعي مرة بwww ومرة بدونها في المكان المخصص، بالإضافة إلى اختيار Keep Path ليتم تحويل الزائر إلى نفس مسار دخوله، أما إذا قمت باختيار Drop Path فسيتم تحويل الزائر إلى الصفحة الرئيسية لنسخة الموبايل.

ستلاحظ الفرق بين Keep Path وDrop Path عندما يبحث الزائر بكلمة مفتاحية في جوجل وتظهر له إحدى صفحات موقعك، وعند دخوله للموقع إذا قمت باختيار Drop Path مسبقاً فسيتم تحويله إلى الصفحة الرئيسية لنسخة الموبايل، أما إذا قمت باختيار Keep Path فسيتم تحويلة لنفس الصفحة ولكن ستظهر بنسخة الموبايل الموجودة بالنطاق الفرعي.

تهيئة إعدادت الكاش (Caching)

ضبط إعدادت كاش الموقع تتم من خلال تبويب Caching. ركز جيداً في هذه الفقرة لأنها تحتوي على معلومات مهمة جداً.

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

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

يتم تفريغ جميع الملفات المُخزنة بشكل كلي بعد النقر على “Purge Everything” بثواني معدودة، كما يمكن من خلال “Custom Purge” مسح ذاكرة التخزين لصفحة واحدة، بعد النقر على “Custom Purge“، قم بنسخ رابط الصفحة التي تريد تفريغ ذاكرة التخزين لها، ثم قم بلصقها والنقر على “Purge“.

ملحوظة مهمة: بعد إجراء أى تعديل من التعديلات التي ذكرناها، لابد من مسح جميع ملفات الموقع المُخزنة بشكل كلى من خيار “Purge Everything“، حتى يتم تطبيق التعديلات.

من خلال مستوى الكاش (Caching Level)، قم بتحديد مقدار المحتوى المُخزن من موقعك الذي تريد من Cloudflare أن تقوم بتخزينه مؤقتًا. سيؤدي التخزين بشكل قياسى (Standard) إلى زيادة سرعة وقت تحميل الصفحة.

ولكن ما الفرق بين جميع مستويات التخزين المؤقتة في كلاود فلير؟

• No Query String: تقوم فقط بتوصيل الملفات من ذاكرة التخزين المؤقتة في حالة عدم وجود استعلام.

• Ignore Query String: تسليم نفس المورد إلى كل شخص مستقل عن سلسلة الاستعلام.

• Standard: يوفر موردًا مختلفًا في كل مرة تتغير فيها سلسلة الاستعلام.

نوصي باستخدام المستوى القياسي (Standard).

ما المقصود بفترة إنتهاء صلاحية التخزين المؤقتة (Browser Cache Expiration)؟

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

النسبة المثالية للأسف لا يمكن تحديدها، لأنها تختلف من موقع لأخر، ولكن قم بالتجربة من مدة 4 ساعات إلى يوم كامل.

أخر ما سنقوم بتفعيله في إعدادت الكاش هي خاصية ™Always Online.

عند استخدام هذه الخاصية، في حالة توقف خادم الموقع لأي مشاكل أو أسباب تقنية، سيقوم كلاود فلير بعرض صفحات الموقع من ذاكرة التخزين المؤقتة بدلاً من توقف الموقع، ولكن ستظهر رسالة لزائر الموقع تخبره بأنه في وضع التصفح بدون إتصال، وبمجرد عودة عمل الخادم سيتم نقل المستخدمين إلى وضع التصفح العادي.

ملحوظة: في حالة توقف خادم الموقع مع استخدام خاصية ™Always Online، وكانت الصفحة المطلوبة من جانب الزائر غير متوفرة في ذاكرة التخزين المؤقتة لأي سبب، مثل مسح الكاش لهذه الصفحة منذ فترة قصيرة، ستظهر صفحة خطأ تفيد بأن الصفحة المطلوبة غير متصلة حالياً.

لا تنسى تفريغ كاش الموقع بشكل كلي من خلال خاصية “Purge Everything” بعد إجراء أي تعديلات من التي ذكرناها، حتى يتم تنفيذها فوراً.

إذا أردت تعطيل الـ كلاود فلير لإجراء تعديلات ترغب في ظهورها بشكل لحظي بدون مسح الكاش بشكل مستمر، فعل وضع التطوير (Development Mode) الموجود في أسفل إعدادت الكاش بضغطة زر، الذي يمتد تفعيله لـ 3 ساعات قبل أن يتم إيقافه بشكل تلاقئ. لا تنسى تفريغ الكاش بعد تفعيل الوضعيه وبعد إيقافها أيضاً.

تهيئة إعدادت الاتصال (Network)

سنقوم بتفعيل خاصية WebSockets من تبويب Network لجعل الاتصال مستمر بين الزائر وسيرفر الموقع مع عدم إعادة تأسيس جلسات جديدة بشكل مستمر، غالباً ما يتم استخدام هذه الخاصية في المواقع التي تستخدم تطبيقات الوقت الفعلى، مثل الدردشة المباشرة والألعاب.

بعد استخدام WebSockets لن يحتاج الزائر إلى الإنتظار لبعض الوقت لتظهر له بيانات جديدة، حيث سيتم بكل بساطة ظهور البيانات للزائر لحظة الحصول على معلومات جديدة.

كيفية تقليل استهلاك موارد السيرفر والباندويث باستخدام كلاود فلير (Cloudflare)؟

هنا قد وصلنا إلى الجزء الإحترافي لتقليل إستهلاك موارد السيرفر  إلى أقصى درجة ممكنة، حيث سنقوم بتطبيق ما يسمى الـ Page Rules.

توجه إلى خيار Page Rules الموجود في القائمة العلوية، ثم قم بالضغط على “Create Page Rule” لإضافة Page Rule جديدة.

لمستخدمي الخطة المجانية تستطيع إضافة ثلاثة Page Rules مجاناً، ويمكنك شراء خمسة Page Rules إضافية بإشتراك شهري قيمته 5 دولاراً، ولكن لن نحتاج إلى أكثر من 3 لتقليل استهلاك موارد السيرفر والباندويث لأقصى درجة ممكنة.

قم بتطبيق جميع الـ Page Rules الثلاثة التي سنذكرها إذا كان موقعك يعمل بنظام الـ ووردبريس. أما إذا كنت من مستخدمى أنظمة إدارة المحتوى الأخرى، أو موقعك تم إنشاءه ببرمجة خاصة، فقم بتطبيق أول Page Rule فقط.

ملحوظة: هذا الشرح تم تنفيذه على موقعنا الذي يعمل هكذا https://arwebmaster.com لذلك قمنا بكتابة الدومين بهذه الطريقة “arwebmaster.com” في الـ Page Rules. أما إذا كان الموقع يعمل هكذا https://www.arwebmaster.com، فسيتم كتابة الدومين بهذه الطريقة “www.arwebmaster.com”

الإختلاف في www إذا كان الموقع يعمل بها سيتم إضافتها والعكس صحيح.

في أول Page Rule، تاكد من وضع علامة الشرطة المائلة ( / ) بعد الدومين، وعلامتي النجمة (*) قبل الدومين وبعد الشرطة المائلة ( / ).

قم بتطبيق جميع الإعدادت الموجودة، مع الأخد في الإعتبار المواقع التي تعمل بدون شهادة الأمان (SSL) لا يتم تطبيق الإعداد الأول والأخير لها.

لا تنسى إضافة www للدومين إذا كان الموقع يعمل بها.

كما ذكرنا الـ Page Rule الثانية والثالثة لمواقع الووردبريس فقط. في ثاني Page Rule تأكد من وضع علامة نجمة (*) قبل الدومين وكتابة */wp-admin/ بعد الدومين، مع تطبيق جميع الإعدادت الموجودة في الصورة.

المواقع التي لا تعمل بشهادة الأمان لا يتم إضافة ثاني إعداد لها. لا تنسى إضافة www إذا كان الموقع يعمل بها.

اَخر Page Rule سنقوم بتطبيقها. تأكد من وضع علامة نجمة (*) قبل الدومين، مع كتابة *preview=true*/ بعد الدومين.

لا تنسى إضافة www إذا كان الموقع يعمل بها.

تفعيل وربط الـ Extension الخاصة بكلاود فلير لمستخدمي إضافة W3 Total Cashe فقط

فقط لمستخدمي إضافة W3 Total Cashe، توجه إلى Performance، ثم Extentions، ستجد الـ Extention الخاصة بكلاود فلير قم بتفعيلها، ثم قم بالدخول إلى الإعدادت.

بعد الدخول إلى الإعدادات (Settings)، سنقوم بربط الـ Extention الخاصة بكلاود فلير بالحساب عن طريق الـ API key. قم بالنقر على Authorize لتظهر لك مثل هذه الصورة.

بعدها قم بكتابة الأميل الخاص بحساب كلاود فلير في خانة Email، ثم توجه لحسابك حتى تحصل على الـ API key لتضغط على Next بعدها. تابع الخطوة القادمة لمعرفة كيفية الحصول على الـ API key

بعد تسجيل الدخول لحسابك توجه إلى My Profile، ثم Global API Key، بعدها قم بالنقر على View للحصول على الـ API Key، لتقوم بنسخه وتضغط بعدها على Next للإنتهاء من ربط الـ Extention الخاصة بكلاود فلير.

ما عليك فعله بعد ربط الكلاود فلير، هو تغير بعض الإعدادت كما تظهر أمامك في الصورة، لا تنسى النقر على “Save Cloudflare Settings” بعد الإنتهاء.

عند تفعيل الـ Extention الخاصة بكلاود فلير تستطيع تفريغ كاش الموقع بالكامل بعد إجراء أى تعديلات دون الحاجة للتوجه إلى كلاود فلير.

عند النقر على “empty all caches” سيتم تفريغ كاش الموقع كلياً بما فيه كاش كلاود فلير، ومن خلال “empty all caches except Cloudflare” سيتم مسح كاش الموقع باستثناء كاش كلاود فلير.

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

ومع تهيئة إعدادت كلاود فلير كما شرحنا ستتمكن من الوصول لأعلى درجة ممكنة من الحماية، والسرعة، والأمان. إذا أعجبتك هذه المقالة، لا تترد في تفعيل جرس التنبيهات ليصلك جميع المنشورات التي سنقوم بنشرها لاحقاً.