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

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

الخطوة الأولى: الاختبار!

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

لاختبار سرعة موقعك ، فإن أفضل رهان لك هو مزيج من WebPageTest و Google PageSpeed ​​Insights. يمنحك WebPageTest فكرة جيدة عن الوقت الفعلي (بالثواني) الذي يستغرقه تحميل الموقع ، وستساعدك هذه المقاييس على معرفة ما إذا كانت الواجهة الخلفية أو الواجهة الأمامية تتسبب في تحميل الموقع ببطء. يعد Google PageSpeed ​​Insights هو الأفضل للنظر في كيفية عرض موقعك بواسطة المتصفح ويمكن أن يساعدك في تحديد ما يمكنك تحسينه في الواجهة الأمامية.

الخطوة الثانية: تأكد من حصولك على أفضل مضيف

دائمًا ما يجعل سعر الاستضافة المشتركة الأمر يبدو وكأنه صفقة ، لكنه يأتي بتكلفة مختلفة: سرعة الموقع البطيئة ، والأداء غير المنتظم ، والتوقف المتكرر. الضغط لا يستحق كل هذا العناء ، خاصة عندما يكون لديك القدرة على اختيار مضيف WordPress مُدار (مثل Flywheel!) والذي سيهتم بجزء كبير من مشاكل أداء WordPress الخاصة بك. عندما يتعلق الأمر بالاستضافة ، فأنت لا تريد العبث بعمليات الترحيل في اللحظة الأخيرة والمواقع التي تم الاستيلاء عليها والخوادم دون المستوى وأوقات التعطل غير المتوقعة في الأوقات الأكثر أهمية.

الخطوة الثالثة: تدقيق الإضافات الخاصة بك

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

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

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

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

الخطوة الرابعة: تخزين كل شيء مؤقتًا

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

وبالمثل ، على جانب الخادم ، فإن وجود طبقة تخزين مؤقت يعمل على العجائب لخدمة موقعك بسرعة كبيرة. الطريقة الأكثر شيوعًا للتخزين المؤقت من جانب الخادم باستخدام WordPress هي استخدام المكون الإضافي W3 Total Cache. هذا البرنامج المساعد (أو واحد مشابه) مطلوب على جميع المضيفين تقريبًا. الاستثناء من هذه القاعدة هو دولاب الموازنة ؛ نحن نتعامل مع التخزين المؤقت من جانب الخادم من أجلك خلف الكواليس باستخدام الورنيش. يمكن أن يؤدي استخدام الورنيش بدلاً من البرنامج المساعد إلى زيادة السرعة بشكل كبير لأن Varnish لا تحتاج أبدًا إلى التحدث إلى PHP. يقدم نسخًا ثابتة مخزنة مؤقتًا من موقعك على الفور (دون حتى لمس طبقة تطبيق PHP) ، بينما لا تزال المكونات الإضافية تعمل بواسطة PHP.

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

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

الخطوة الخامسة: استخدم CDN

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

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

تشمل بعض شبكات CDN الأكثر شيوعًا Amazon Web Services و CloudFlare و MaxCDN. معظمهم لديهم خطط مجانية ، ولكن إذا جذبت الكثير من الزوار ولديك الكثير من الأصول ، فمن المرجح أن تدفع مقابل CDN. من السهل عادةً إعدادها ، ولكن إذا كنت تريد حل إعداد سهل للغاية ، فيجب عليك التحقق من الوظيفة الإضافية MaxCDN الخاصة بـ Flywheel.

جرب رؤى الأداء!

نحن نعلم أن الاستضافة وحدها لا يمكنها حل جميع مشاكل أداء WordPress لديك (على الرغم من أن النظام الأساسي السحابي لـ Flywheel يجعل موقعك يطير بالفعل!). يمكن أن تؤدي التفاصيل الصغيرة في الواجهة الأمامية إلى إبطاء الأمور حقًا ... ومع وجود العديد من المكونات الإضافية والسمات والتقنيات التي تعمل معًا ، فقد يكون من الصعب معرفة من أين تبدأ.

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