10 طرق فعالة وسهلة لتسريع موقع WordPress

10 طرق فعالة وسهلة لتسريع موقع WordPress

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

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

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

1. تثبيت البرنامج المساعد لذاكرة التخزين المؤقت لـ WordPress والاستفادة من التخزين المؤقت للمتصفح
2. تصغير CSS و JavaScript
3. تحسين الصور
4. تمكين ضغط gzip و
5. استخدام شبكة توصيل المحتوى (CDN)

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

طوال مدة تجاربنا المتنوعة ، استخدمنا أداة Google Page Speed ​​Insight لقياس سرعة الصفحة الفعلية من أصل 100. وكلما ارتفعت النتيجة ، كان موقع الويب أسرع. أشارت هذه الأداة أيضًا إلى العديد من العوامل السلبية التي كانت مسؤولة عن إبطاء موقع WordPress ، وقدمت اقتراحات للعمل على زيادة سرعة موقع WordPress.

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

فيما يلي أهم 10 طرق سهلة لتسريع موقع WordPress الخاص بك

1. اختر أفضل مزود استضافة ويب
2. قم بتثبيت برنامج WordPress Cache Plugin & LIVE Browser Caching
3. تصغير CSS وجافا سكريبت
4. تحسين الصور
5. تفعيل ضغط Gzip
6. إفراغ سلة المهملات وتحسين قاعدة بيانات WordPress
7. استخدم شبكة توصيل المحتوى
8. تقليل التنقيحات المنشورة وتعطيل Trackbacks و Pingbacks
9. تقسيم التعليقات والمنشورات الطويلة إلى الصفحات
10. لا تقم بتحميل مقاطع الفيديو مباشرة إلى WordPress

1. اختر أفضل مزود استضافة ويب

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

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

تتم الإشارة إلى نتائج الاختبار جنبًا إلى جنب مع العلامة الحمراء المذكورة أعلاه والتي ترشدنا بشكل عام إلى "تقليل وقت استجابة الخادم". شكرا جوجل! تم قياس هذا التأخير المروع ليكون حول 4.2 ثانية بطيئة غير مقبولة. وبالتالي ، نظرًا لضعف وقت استجابة الخادم ، تم تقليل درجة PageSpeed ​​لموقع الويب إلى 68 تافًا. يمكننا القيام بعمل أفضل بكثير ، حيث يُقال إن مواقع WordPress ذات أوقات تحميل الصفحة أقل من ثانيتين جيدة. ومع ذلك ، من الناحية المثالية ، يجب أن تسعى إلى جعله سريعًا قدر الإمكان. يقترح Google ، وفقًا لإحصاءات PageSpeed ​​الخاصة بهم ، أن استجابة الخادم بشكل مثالي يجب أن تكون سريعة بشكل استثنائي وأن تظل أقل من 200 مللي ثانية.

ما هي نتيجة PageSpeed ​​لموقع WordPress الخاص بك؟ اضغط هنا لمعرفة ذلك.

بعد هذا الاختبار الأساسي ، قمنا بطبيعة الحال بترحيل موقع WordPress الخاص بعملائنا إلى نظامنا الأساسي المحسن للغاية لاستضافة WordPress ، وأجرينا اختبار PageSpeed ​​ثانٍ. مع صندوق أخضر سعيد ، تبرز النتائج بنفسها:

تم إصلاح تعليقات وقت استجابة خادم Google Page Speed ​​Insight

بعد الترحيل ، تم تقليل وقت استجابة الخادم إلى 200 مللي ثانية وتم حل الخطأ المزعج "تقليل وقت استجابة الخادم" بشكل حازم ، ونأمل ألا يتم إرجاعه أبدًا.

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

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

2. تثبيت البرنامج المساعد لذاكرة التخزين المؤقت لـ WordPress والاستفادة من التخزين المؤقت للمتصفح

بعد تقليل وقت استجابة الخادم إلى الحد الأدنى ، سنوجه طاقتنا نحو الخطأ التالي الذي سنحله ، والذي يتعلق بـ "التخزين المؤقت" المهم دائمًا للمحتوى. توصي Google نفسها تمامًا بالتخزين المؤقت للمحتوى الثابت لموقع الويب الخاص بك على WordPress وبالتالي الاستفادة من وسيلة التخزين المؤقت القوية في المتصفح. سيوفر التخزين المؤقت للمحتوى الثابت زيادة مريحة في سرعة موقع WordPress الخاص بك حتى 3 إلى 7 مرات .

يحتوي WordPress على العديد من مكونات التخزين المؤقت التي لا تخزن المحتوى الخاص بك مؤقتًا فحسب ، بل تقدم أيضًا تكاملًا مفيدًا دائمًا لشبكة CDN ، وضغط Gzip ، وتصغير CSS / JavaScript ومجموعة كبيرة من الميزات الأخرى. إن تمكين التخزين المؤقت للمتصفح ليس بالأمر الصعب ، فمن الضروري ببساطة تثبيت وتكوين اختيارك من المكون الإضافي لذاكرة التخزين المؤقت من لوحة معلومات WordPress ، تمامًا كما هو الحال مع أي مكون إضافي آخر في WordPress.

قم بتثبيت البرنامج المساعد للتخزين المؤقت وتمكين التخزين المؤقت للمستعرض

بعد اختبارنا المكثف على عدد قليل من مكونات WordPress Caching الإضافية ، كانت هناك ثلاثة مكونات إضافية تميزت عن بقية الحزمة التي يضرب بها المثل. هذه كانت:

• # 1 - W3 إجمالي ذاكرة التخزين المؤقت
• # 2 - WP Super Cache
• # 3 - WP Fastest Cache

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

كما نقدم لك أدناه ، كانت درجة Google PageSpeed ​​قبل تثبيت أي مكون إضافي للتخزين المؤقت في WordPress تافهة 64 / 100. إذا كنت تواكبنا ، فهناك طريقة ممتازة لإصلاح هذا وفقًا للخطأ الذي أنشأته Google لهذا الغرض. نتيجة ضعيفة: "الاستفادة من التخزين المؤقت للمتصفح"!

نقاط Google Page Speed ​​Insight قبل تمكين المكوِّن الإضافي للتخزين المؤقت]

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

بعد تثبيت البرنامج المساعد W3 Total Cache caching
نتيجة سرعة صفحة Google : 83/100 (محسّن)
سبب هذا التحسين : تصحيح خطأ التخزين المؤقت للمستعرض بنسبة 95٪.

لتسريع WordPress ، يضبط المكون الإضافي W3 Total Cache بشكل مفيد وذكاء أوقات انتهاء الصلاحية لجميع البرامج النصية الداخلية على فترات معقولة. على سبيل المثال ، سيتم تخزين نصوص CSS النصية الخاصة بك مؤقتًا لمدة 7 أيام ، وسيتم تخزين الصور مؤقتًا لمدة 30 يومًا ، وما إلى ذلك. بعد إعداد هذا التخزين المؤقت الداخلي المفيد ، تم تصحيح تحذير "رفع ذاكرة التخزين المؤقت للمتصفح" بنسبة 95٪.

نتائج Google Page Speed ​​Insight بعد تمكين البرنامج المساعد للتخزين المؤقت

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

3. تصغير CSS و JavaScript

يعد التصغير كلمة لطيفة ، ولكنها ببساطة ليست سوى التخلص من الأحرف غير الضرورية والمهدرة في مستند نصي ، مثل المسافة البيضاء والأسطر الجديدة والتعليقات ومحددات الكتلة في ملفات HTML و JavaScript و CSS.

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

هنا ، نقدم نتائج سرعة صفحة WordPress التي تعرض لنا بعض الملاحظات حول تقليل ملفات CSS و JS الخاصة بنا.

تحذير من تقليل رؤى سرعة الصفحة من Google

وفقًا للنتائج ، من الممكن زيادة سرعتنا بشكل أكبر عن طريق تقليل عدد المكالمات إلى CSS & JS وتقليل حجم الصفحة.

أهم إضافات WordPress لتقليل CSS و JavaScript

لحسن الحظ ، بالنسبة لـ WordPress ، هناك العديد من المكونات الإضافية التي ستعمل على تقليل ملفات CSS و JavaScript بسرعة. المدرجة أدناه هي أفضل خمسة إضافات WordPress شائعة والتي ستتعامل بشكل فعال مع جميع احتياجات التصغير الخاصة بك.

• # 1 - WP Minify
• # 2 - التحسين التلقائي
• # 3 - WP Super Minify
• # 4 - WP Minify Fix
• # 5 - تصغير WordPress بشكل أفضل

WP-Minify Plugin يعمل على تصغير CSS و HTML و JS

يرجى ملاحظة أنه على الرغم من أن بعض ملحقات التخزين المؤقت مثل W3 Total Cache & WP Fastest Cache تقدم التصغير كميزة إضافية ، فقد اخترنا استخدام المكون الإضافي WP Minify لإجراء عملية التصغير. يُرجى التأكد من تنشيط مكون إضافي / مكون إضافي واحد (1) نشط مرة واحدة. خلاف ذلك ، من المحتمل جدًا أن تواجه تعارضات مختلفة في المكونات الإضافية ، مثل بين ذاكرة التخزين المؤقت الإجمالية W3 و WPMinify.

قبل تثبيت أي مكون إضافي Minification
نتائج سرعة صفحة جوجل: 83/100
سبب هذه النتيجة السيئة: تصغير CSS و JS و HTML

تعليقات Google Page Speed ​​Insights for JS و CSS Minify

بعد تثبيت WP Minify ، قمنا بإجراء اختبار سرعة الصفحة وكانت النتائج على النحو التالي.

بعد تثبيت البرنامج المساعد WP Minify
نتيجة سرعة صفحة Google: 84/100 (محسّن)
سبب هذا التحسين: تصغير CSS وتصحيح تحذير JavaScript.

Google Page Speed ​​Insight FeedBack تم إصلاحه بواسطة WP-Minify Plugin

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

في هذه الحالة ، تكون أداة PageSpeed ​​نفسها قادرة على تزويدك بملفات CSS & JS المصغرة بالفعل. يمكنك تنزيل موارد JavaScripts و CSS المحسّنة هذه مباشرةً واستبدالها على موقع WordPress الخاص بك (انظر المربع الأزرق المميز في الأسفل في المثال أعلاه).

4. تحسين الصور

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

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

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

توجد العديد من الأدوات القوية عبر الإنترنت ، مثل Optimizilla أو Image Optimizer لتحسين صورك دون التأثير بشكل ضار على جودتها. هذه الأدوات واضحة ومباشرة - يمكنك تحميل صورك ، وتحديد الخيارات ذات الصلة / المرغوبة ، ومن ثم تنزيل الصور المحسّنة.

نحن نحب Optimizilla بشكل خاص ، حيث يمكنك تحسين 20 صورة دفعة واحدة بالإضافة إلى تحديد اختيارك لكل من نسبة الضغط وجودة الصورة.

أعلى ملحقات WordPress لتحسين الصور

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

• WP Smush - # 1 - يستخدم على نطاق واسع مع أكثر من 600000 عملية تنزيل
• # 2 - تخيل محسن الصورة
• # 3 - Optimus - مُحسِّن صور WordPress
• # 4 - محسن صورة ShortPixel
• # 5 - محسن صور EWWW
• # 6 - CW Image Optimizer

اخترنا الخيار الأكثر شيوعًا ، وبالتالي من هذه القائمة ، استقرنا على المكون الإضافي WP Smush ، وقمنا بتثبيته على WordPress وشرعنا في إجراء اختبار الأداء الخاص بنا. بالعودة إلى أدوات Google المفيدة ، تم الحصول على نتائج الاختبار التالية قبل وبعد تحسين الصورة.

قبل تثبيت أي مكون إضافي لتحسين الصورة
نتائج سرعة صفحة جوجل: 84/100
سبب هذه النتيجة السيئة: الصور غير محسّنة.

نتائج Google Page Speed ​​Insight قبل تحسين الصور

استخدمنا المكون الإضافي WP Smush Image Optimizer لتحسين صور المدونة تلقائيًا.

يعمل البرنامج المساعد WP-Smush على تحسين الصور

نتائج الاختبار بعد تنشيط البرنامج المساعد WP Smush. لاحظ أن التحذيرات المتعلقة بتحسين الصور قد اختفت.

بعد تثبيت البرنامج المساعد WP Smush
نتيجة سرعة صفحة Google: 92/100 (محسّن)
سبب هذا التحسين: البرنامج المساعد WP Smush قام بتحسين جميع الصور.

نتائج Google Page Speed ​​Insight بعد تحسين الصور

يرجى التأكد من ملاحظة أنه يُسمح لك فقط بـ "مسح" 50 صورة في المرة الواحدة باستخدام الإصدار المجاني من WP Smush Image Optimizer. يمكن مسح ما تبقى من الصور من مكتبة وسائط WordPress كما هو معروض في الشاشة أدناه.

Smush Images من مكتبة وسائط WordPress

إذا كنت لا تزال تتلقى تحذيرًا غير سعيد بتحسين الصورة ، فلا داعي للقلق. توفر أداة Google PageSpeed ​​بشكل مفيد نسخة محسّنة من تلك الصور أيضًا. يمكنك تنزيلها كما هو موضح في الخطوة الثالثة. يمكنك بعد ذلك تحديث هذه الصور من مكتبة الوسائط في DashBoard أو بدلاً من ذلك تحديثها من مدير الملفات في حساب Webhosting الخاص بك. بالإضافة إلى ذلك ، يرجى التأكد من مسح ذاكرة التخزين المؤقت لخادم الويب الخاص بك إذا كنت تستخدم أداة تخزين مؤقت تابعة لجهة خارجية مثل Xvarnish. إذا لم تقم بذلك ، فمن الممكن أن تستمر Google في عرض الصور القديمة حتى بعد التحسينات المضنية.

5. قم بتمكين ضغط Gzip

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

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

باستخدام ضغط Gzip ، يمكن تقليل الحجم الإجمالي لصفحتك بنسبة مذهلة تتراوح من 50٪ إلى 70٪ لعميلك ، وهو أمر لا يثير الدهشة أنه سيعمل على زيادة سرعة مدونة WordPress الخاصة بك. بالطبع ، عندما لا يتم تمكين Gzip ، ستلاحظ أداة PageSpeed ​​Insight من Google ذلك ، وتحذرك من تمكين الضغط.

1. تمكين ضغط Gzip باستخدام W3 Total Cache Plugin

يوجد ملحق WordPress لمعظم المهام ، وضغط Gzip ليس استثناءً. المكوِّن الإضافي الأكثر شهرة للتخزين المؤقت ، هو المكون الإضافي W3 Total Cache المذكور سابقًا ، والذي يسمح لك باستخدام Gzip موقع الويب الخاص بك على WordPress. لتمكين ضغط Gzip ، قم بتسجيل الدخول إلى لوحة معلومات WordPress الخاصة بك ، وانتقل إلى Performance → Browser Cache ، وقم بوضع علامة اختيار داخل مربع الاختيار بعنوان "Enable HTTP (Gzip) Compression".

تفعيل ضغط HTTP GZIP باستخدام W3 Total Cache Plugin

2. تمكين ضغط Gzip عبر htaccess

علاوة على ذلك ، يمكنك أيضًا تمكين ضغط Gzip عن طريق إضافة كود ضغط Gzip إلى ملف htaccess الخاص بك.

3. تمكين ضغط Gzip عبر البرنامج المساعد للضغط

للحصول على مكون إضافي مخصص ، قم بتثبيت أحد مكونات WordPress الإضافية التالية لتمكين ضغط Gzip.

• ضغط سرعة GZip Ninja - رقم 1
• زيادة السرعة المتقدمة - # 2
• تحقق من ضغط GZIP وقم بتمكينه - # 3

تضيف هذه المكونات الإضافية قواعد ضغط Gzip في ملف htaccess الخاص بك باستخدام وحدة mod_deflate تلقائيًا ، بحيث لا تكون هناك حاجة للتوغل في هذه الملفات بنفسك لتعديلها.

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

موقع ويب اختبار ضغط URL

يجب أن يؤدي تمكين ضغط Gzip بإحدى الطرق المذكورة أعلاه إلى إصلاح توصية Google PageSpeed ​​Insights بـ "تمكين الضغط".

قبل تثبيت أي مكون إضافي للضغط
نتيجة سرعة صفحة جوجل: 92/100
سبب هذا التحذير: الضغط غير ممكّن.

في هذا المثال ، قمنا بتمكين ضغط Gzip عبر المكون الإضافي W3 Total Cache ، وبالتالي يمكنك ملاحظة أنه تم الآن إزالة تحذير Enable Compression ، مع النتيجة أدناه.

بعد تثبيت البرنامج المساعد W3 Total Cache للضغط
نتيجة سرعة صفحة جوجل: 92/100
سبب هذا التحسين: تم حل تحذير تمكين الضغط.

نتائج Google Page Speed ​​Insight بعد تمكين ضغط GZIP

إصلاح تحذير فوق الجزء المرئي من المحتوى

على الرغم من تحقيق نتيجة أداء محترمة جدًا بلغت 92/100 ، إلا أن صفحة Google PageSpeed ​​Insights كانت لا تزال تعرض تحذيرًا بأننا نحتاج إلى إصلاح جافا سكريبت و CSS التي تحظر العرض في الجزء المرئي من الصفحة. بالطبع كل شيء مهم ولسنا في عمل التوقف هنا ، لذلك تقدمنا ​​وقررنا إصلاح ذلك أيضًا. دعنا نتابع ، ونرى كيف نجحنا في إصلاح هذا التحذير لمدونة WordPress الاختبارية الخاصة بنا.

التخلص من حظر التجسيد لـ JavaScript في الجزء المرئي من الصفحة

لهذا الغرض ، استخدمنا البرنامج المساعد Async JavaScript المكون الإضافي لـ WordPress ، ثم تابعنا تعديل الإعدادات ، كما هو موضح في لقطة الشاشة التالية. يضيف هذا المكون الإضافي سمة "غير متزامن" أو "تأجيل" إلى أي جافا سكريبت يتم تحميله بواسطة وظيفة wp_enqueue_script في WordPress.

تخلص من حظر التجسيد لجافا سكريبت و CSS في الجزء العلوي من المحتوى ، تم إصلاح تحذير المحتوى

الآن ، ليس عليك حتى اللجوء إلى البرنامج المساعد. إذا كنت ترغب في تجنب تحميل مكون إضافي آخر ، يمكنك ببساطة إضافة الكود التالي إلى ملف jobs.php الخاص بك.

/*Add async to all scripts*/
function js_async_attr($tag)
{
# Add async to all remaining scripts
return str_replace( ' src', ' async="async" src', $tag );
}
add_filter( 'script_loader_tag', 'js_async_attr', 10 );

الآن ، لإصلاح نفس التحذير لـ CSS الخاص بنا ، ذهبنا واستخدمنا مكون WordPress الإضافي يسمى Autoptimize. بعد تثبيت هذا البرنامج المساعد ، انتقل إلى الإعدادات ← تجزئة تلقائية . في إعدادات التحسين التلقائي ، انقر فوق الزر "إظهار الإعدادات المتقدمة" الموجود في الزاوية اليمنى العليا. يرجى التأكد من أن "minify" غير نشط مع W3 Total Cache أو WPminify لأنه قد يؤدي إلى تعارض محبط مع Autoptimzer.

بمجرد ملء الإعدادات المتقدمة وتعديلها ، قم بالتمرير لأسفل إلى قسم خيارات CSS. حدد مربع الاختيار Inline and Defer CSS ، والصق رمز CSS القابل للطي (عنوان URL الذي اقترحته أداة Google page Insight ضمن القسم "إزالة حظر العرض" ، افتح كل عنوان URL في المتصفح واسترجع رمز .css) ، وانقر فوق " زر حفظ التغييرات وإفراغ ذاكرة التخزين المؤقت.

تخلص من حظر التجسيد لجافا سكريبت و CSS في الجزء العلوي من المحتوى ، تم إصلاح تحذير المحتوى

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

بعد تثبيت البرنامج المساعد Async JavaScript & Autoptimize
نتيجة سرعة صفحة Google: 100/100
سبب هذا التحسين: Fixed تخلص من حظر تجسيد JavaScript و CSS في تحذير المحتوى العلوي.

تم إصلاح جميع التحذيرات لسطح المكتب

تم إصلاح جميع التحذيرات للجوال

تذكر أن PageSpeed ​​Insights من Google هي أداة أداء مفيدة دائمًا تساعدك في تحديد الطرق العديدة التي يمكنك من خلالها السعي لتحسين موقع الويب الخاص بك. ومع ذلك ، نادرًا ما يكون من المفيد تطوير هوس بشأن الحصول على نتيجة مثالية 100/100 ، حيث أنه من الشائع أن تكون بعض السيناريوهات غير قابلة للإصلاح بشكل أساسي.

6. تأكد من إفراغ سلة المهملات وتحسين قاعدة بيانات WordPress

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

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

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

تحسين قاعدة بيانات WordPress باستخدام WP-Optimize

أعلى ملحقات WordPress لتحسين قاعدة البيانات

المدرجة أدناه هي عينة من اختيارات إضافات WordPress المفضلة والتي تُستخدم لتحسين قاعدة بيانات WordPress.

• WP-Optimize - رقم 1
• WP-Sweep - # 2
• منظف ​​قواعد البيانات المتقدم - # 3
• تحسين قاعدة البيانات بعد حذف المراجعات

تعمل هذه المكونات الإضافية على التخلص من جميع العناصر غير المرغوب فيها من قاعدة بيانات WordPress الخاصة بك وتنفيذ استعلامات تحسين قاعدة بيانات MySQL العامة دون الوصول إلى PHPMyAdmin.

تسمح لك بعض هذه المكونات الإضافية ، كما في حالة WP-DB Manager ، بجدولة مواعيد لتحسين قاعدة البيانات بشكل منتظم ومتسق. تأكد دائمًا من أخذ نسخة احتياطية من قاعدة البيانات قبل السماح لأي مكون إضافي بلمس قاعدة البيانات أو تحسينها!

7. استخدم شبكة توصيل المحتوى

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

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

لحسن الحظ ، يعد إعداد CDN للعمل مع WordPress أمرًا سهلاً. في الواقع ، يمكن إكماله في غضون 5 دقائق (!) ، باستخدام مكون إضافي للتخزين المؤقت مثل W3 Total Cache. إذا كنت ترغب في دمج CDN مع موقع WordPress الخاص بك ، فيرجى توجيه عينيك نحو البرنامج التعليمي الودود والمطلّع.

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

كان متوسط ​​وقت الاستجابة قبل تمكين أي CDN على موقع WordPress الخاص بنا 124.721 مللي ثانية.

وقت استجابة موقع WordPress قبل تمكين CDN

بعد تمكين CDN على موقع WordPress ، انخفض وقت الاستجابة إلى 26.346 مللي ثانية.

وقت استجابة موقع WordPress بعد تمكين CDN

8. تقليل المراجعات اللاحقة وتعطيل Trackbacks & Pingbacks

تقليل التنقيحات اللاحقة

تمت هندسة نظام مراجعات WordPress للاحتفاظ بسجل لكل مسودة محفوظة أو تحديث منشور. في حين أنه مفيد للغاية (يمكّنك من تصفح الإصدارات السابقة من مقالاتك واستعادتها إذا لزم الأمر ، بعد كل شيء) ، فإنه يمكن أن يزيد بشكل كبير من حجم وحجم أي قاعدة بيانات WordPress.

على سبيل المثال ، لنفترض أن مقالتك قد مرت عبر 10 مراجعات ، ثم سيقوم نظام مراجعة WordPress بتخزين كل واحدة من هذه المراجعات في قاعدة البيانات الخاصة به والتي ستضخم حجم بياناتها بمقدار مذهل 10 مرات .

بشكل افتراضي ، سيستمر WordPress في حفظ عدد غير محدود وغير مقيد من المراجعات ، ولكن يمكنك بالفعل تقييده إلى قيمة عملية أكثر بشكل كبير (لنقل 4 إلى 5). لتحقيق ذلك ، ما عليك سوى إضافة الكود التالي إلى ملف wp-config.php الخاص بك.

define( 'WP_POST_REVISIONS', 5 );

قائمة المراجعات اللاحقة

إذا كنت ترغب في تعطيل نظام WordPress لما بعد المراجعة تمامًا ، فما عليك سوى المتابعة لإضافة رمز السطر التالي في ملف wp-config.php.

define( 'WP_POST_REVISIONS', false );

يرجى ملاحظة أن مراجعة المنشور في WordPress مفيدة للغاية للمدونين ، لذلك لا نوصي بتعطيلها بالكامل. لراحة بالك ، تأكد دائمًا من الاحتفاظ ببعض المراجعات لعملك.

تعطيل Trackbacks و Pingbacks

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

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

تعطيل Pingback و Trackback

9. تقسيم التعليقات والتدوينات الطويلة في الصفحات

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

قام WordPress بشكل مفيد بدمج ميزة بعنوان "التعليقات الفاصلة" لإصلاح ذلك. ما عليك سوى الانتقال إلى الإعدادات ← صفحة مسؤول المناقشة وتحديد مربع الاختيار المعنون "تقسيم التعليقات إلى الصفحات".

كسر التعليقات في الصفحات

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

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

<!--nextpage-->

سيظهر كل المحتوى المضاف أدناه <! –nextpage–> في الصفحة التالية من المنشور ، وفي نهاية الصفحة ، سترى روابط ترقيم الصفحات كما هو موضح أدناه.

خيار الصفحة التالية

10. لا تقم بتحميل مقاطع الفيديو مباشرة إلى WordPress

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

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

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

• موقع يوتيوب
• فيميو
• فليكر
• ديلي موشن

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

انسخ رابط الفيديو من يوتيوب

أخيرًا ، الصق عنوان URL للفيديو مباشرةً في المنشور الخاص بك وانقر فوق الزر تحديث ، وقم بتضمينه تلقائيًا.

الصق عنوان URL لفيديو YouTube في WodPress Post

استنتاج

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

يمثل الرسم البياني التالي درجة Google PageSpeed ​​بعد كل قرص قمنا بتطبيقه على مدونة WordPress.

Google Page Score Vs. تعديلات ووردبريس

هل تعرف طرقًا بديلة وفعالة لتسريع مواقع WordPress وتحسين أوقات تحميلها؟ أي شيء له قيمة هائلة ، لا سيما عندما تكون المللي ثانية مهمة بالنسبة للعميل. يرجى مشاركة أي أفكار أداء معنا في قسم التعليقات التالي!

Should you require our aid to improve the PageSpeed score of your WordPress website, please also drop your website name in the comment section and we will endeavor to get back to you.