كيفية تسريع وتحسين موقع ووردبريس طباعة

يعد WordPress واحدًا من أنظمة إدارة المحتوى (CMS) الأكثر انتشارًا وسهولة في التخصيص.

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

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

لحسن الحظ، تسمح مرونة نظام إدارة المحتوى هذا بالعديد من الطرق لتسريعه وتقليل وقت تحميل موقع الويب.

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

• سرعة صفحة جوجل
• GTmetrix
• بينغدوم

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

تعد أدوات Google Page Speed وGTmetrix أفضل للمبتدئين لأنها تعرض نصائح مفيدة حول كيفية تحسين موقع الويب،

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

أدناه سنلقي نظرة على بعض الطرق التي يمكنك من خلالها تحسين موقع WordPress .

 نوصي باتباع هذه النصائح عند إنشاء موقع الويب الخاص بك.

ملاحظة: تأكد من إنشاء نسخة احتياطية لموقع الويب الخاص بك قبل إجراء أي تغييرات. إذا تم تثبيت موقع الويب باستخدام مثبت البرنامج النصي Softaculous،

فلا تتردد في الرجوع إلى هذا الدليل أيضًا (الخطوة رقم 4 – برنامج النسخ الاحتياطي)

نصائح لتسريع موقع الويب:

• اختيار الموضوع
• تحسين الصور
• ضغط الملفات
• استخدام ملحقات التخزين المؤقت
• استخدام ذاكرة التخزين المؤقت للمتصفح

نصائح لتحسين موقع الويب:

• تحسين الصفحة الرئيسية
• تخلص من حظر العرض في JavaScript وCSS
• تمكين حماية الارتباط الساخن
• تحسين قاعدة البيانات
• تقدير أداء موقع WordPress الخاص بك

اختيار موضوع

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

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

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

العديد من سمات WordPress قابلة للتخصيص وتسمح لمستخدمي WordPress بتعديل خيارات السمات المتعددة لإنشاء المظهر المطلوب لمواقعهم على الويب.

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

يمكن لبعض سمات WordPress التي تبدو جذابة للغاية للوهلة الأولى أن تجعل تحميل موقع الويب الخاص بك أبطأ مما ينبغي.

فيما يلي العديد من النصائح المفيدة لمساعدتك في اختيار أفضل سمة لموقع الويب الخاص بك على WordPress:

1. كلما كان أبسط، كان ذلك أفضل.
2. اختر موضوعًا بتصميم سريع الاستجابة.
3. حاول اختيار المكونات الإضافية ذات التصنيف العالي المتوافقة مع إصدار WordPress الخاص بك
4. انتبه إلى وجود أدوات إنشاء الصفحات التي تأتي مع السمة.
5. ضع في اعتبارك ملاءمة الموضوع لمحركات البحث (SEO).

تعد المواضيع المتخصصة في منتديات WordPress هي أفضل الأماكن للتحقق من ذلك، فيما يلي مثالان:

WordPress › الدعم » هل يلزم وجود سمة سريعة؟

WordPress › الدعم » سمة التحميل السريع / النطاق الترددي المنخفض: Appropedia's 13

بالإضافة إلى ذلك، يقدم معظم مطوري السمات نماذج لمواقع الويب توضح كيفية عمل السمة وعرضها. تأكد من اختبار مواقع الويب هذه باستخدام أدوات مثل Google Page Speed و GTmetrix عندما يكون ذلك ممكنًا.

تحسين الصور

يوجد عدد من المكونات الإضافية لتقليل حجم الصورة على الويب، على سبيل المثال، EWWW Image Optimizer، وWP Smush.it، وما إلى ذلك.

تتميز جميعها بميزات مختلفة وتسمح لك بالعثور على التكوين الذي تحتاجه. نوصي باستخدام البرنامج المساعد EWWW Image Optimizer .

ملاحظة: يتطلب الأمر وظيفة exec( اتبع الإرشادات هنا لتنشيطها).

بمجرد تثبيت المكون الإضافي وتنشيطه، ستحتاج إلى الانتقال إلى Media >> Bulk Optimize لتحسين صورك:

سيكون لديك خيار لمسح جميع الصور الموجودة في مكتبة الوسائط وتحسينها بشكل مجمّع باستخدام خيار المسح الضوئي للصور غير المحسنة :

حدد بدء التحسين بعد اكتمال الفحص:

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

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

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

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

للحصول على أفضل النتائج، نود أن ننصحك باستخدام أدوات الطرف الثالث مثل ضاغطio

أو tinypng.com قد تتطلب هذه الطريقة بعض الوقت لضغط الصور يدويًا ولكنها ستوفر أفضل النتائج.

ضغط الملفات

يتضمن cPanel وظيفة تحسين موقع الويب، ويستخدم mod_deflate الخاص بـ Apache لضغط المحتوى قبل إرساله إلى متصفح الزائر.

Gzip هي طريقة الضغط الأكثر شيوعًا وفعالية اليوم.

إذا تم تمكين ضغط gzip لمحتوى موقع الويب، فإنه يؤدي بشكل عام إلى تقليل حجم الاستجابة بحوالي 70%.

لضغط مكونات موقع الويب الخاص بك باستخدام gzip، قم بتسجيل الدخول إلى لوحة التحكم الخاصة بك >> انتقل إلى قسم البرامج >> قائمة تحسين موقع الويب .

تحتاج هنا إلى تحديد "ضغط كل المحتوى" والنقر فوق "تحديث الإعدادات" .

استخدام المكونات الإضافية للتخزين المؤقت

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

W3 Total Cache و WP Super Cache هي المكونات الإضافية الأكثر شيوعًا للصرف بالإضافة إلى OPcache و Autoptimize .

تستخدم W3TC تقنيات متعددة لتحسين الأداء، بما في ذلك:

• التخزين المؤقت للصفحة
• تصغير HTML وCSS وجافا سكريبت
• ضغط gzip
• دعم CDN (شبكة توزيع المحتوى).
• التخزين المؤقت للمتصفح عبر ETags

فيما يلي الإرشادات الخاصة بالإعداد الأولي والتعديل.

لتكوين المكون الإضافي، انتقل إلى المكونات الإضافية >> المكونات الإضافية المثبتة >> ابحث عن W3 Total Cache >> الإعدادات :

ملاحظة: إذا كنت من مستخدمي حساب الاستضافة المشتركة، فتذكر أنه لا ينبغي تمكين جميع ذاكرات التخزين المؤقت المتاحة في نفس الوقت –

تجنب اختيار Toggle تشغيل كافة أنواع التخزين المؤقت أو إيقاف تشغيلها (مرة واحدة) .

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

لا يمكن تمكين ذاكرات التخزين المؤقت هذه إلا إذا كان موقع WordPress الخاص بك مستضافًا على خادم VPS أو خادم مخصص.

قم بالتمرير لأسفل الصفحة وحدد تمكين بجوار الخيارات التالية:

1. ذاكرة التخزين المؤقت للصفحة
2. تصغير
3. ذاكرة التخزين المؤقت للمتصفح (يمكن العثور على مزيد من التفاصيل حول إعداد ذاكرة التخزين المؤقت للمتصفح في W3 Total Cache في الفقرة التالية)

ثم انقر فوق حفظ جميع الإعدادات زر.

إذا كنت ترغب في التعرف على جميع خيارات التكوين الخاصة بالمكون الإضافي  W3 Total Cache، فقد تجدها مدرجة في هذه المقالة .

يقوم WP OPcache بإعادة تعيين كل ذاكرة التخزين المؤقت بعد الترقية.

فهو يقلل من تحميل موقع الويب عن طريق تخزين كود PHP المترجم في الذاكرة.

يتم تضمين OPCache مع PHP بدءًا من الإصدار 5.5 ويدعم التخزين المؤقت للذاكرة والملفات.

يعمل البرنامج المساعد على تحسين أداء PHP عن طريق تخزين رمز بايت للبرنامج النصي في الذاكرة المشتركة.

لمسح OPcache، انقر فوق الزر Flush PHP OPcache ، سيظهر إشعار حول ذاكرة التخزين المؤقت التي تم مسحها:

انتقل إلى الإعدادات >> WP OPcache للتحقق من الخيارات الإضافية التي يوفرها المكون الإضافي، مثل الإعدادات العامة والإحصائيات .

في قائمة الإحصائيات ، يمكنك التحقق من حالة الذاكرة والبرامج النصية والتكوين، توفر لك الإعدادات العامة خيار مسح ذاكرة التخزين المؤقت تلقائيًا

أو ترجمة ملفات PHP مسبقًا أو إزالة زر OPcache من شريط قائمة التنقل العلوي.

يمكنك مسح ذاكرة التخزين المؤقت PHP من هذه القائمة أيضًا.

بعد تحديد الخيار المطلوب، انقر فوق الزر "حفظ التغييرات" لتطبيق التغييرات:

يقوم المكون الإضافي Autoptimize بربط جميع البرامج النصية والأنماط، وتصغيرها وضغطها، وإضافة رؤوس انتهاء الصلاحية، وتخزينها مؤقتًا،

ونقل الأنماط إلى رأس الصفحة، والبرامج النصية (اختياريًا) إلى التذييل.

لمسح ذاكرة التخزين المؤقت، مرر مؤشر الماوس فوق خيار التحسين التلقائي في القائمة العلوية وانقر على زر حذف ذاكرة التخزين المؤقت :

استخدام ذاكرة التخزين المؤقت للمتصفح

يعد رأس انتهاء الصلاحية طريقة لتحديد فترة تخزين/حفظ/التخزين المؤقت للمحتوى الثابت لموقع الويب (CSS، وJavascript، والصور، وما إلى ذلك) في متصفحات الزوار.

سيؤدي هذا إلى تقليل وقت تحميل موقع الويب بشكل كبير لزوار موقعك المنتظمين.

إحدى الطرق الملائمة لتمكين التخزين المؤقت للمتصفح هي تثبيت البرنامج الإضافي WordPress Total Cache

وتمكين ذاكرة التخزين المؤقت للمتصفح داخل لوحة تحكم إدارة WordPress >> قائمة الأداء >> الإعدادات العامة :

بعد ذلك ستتمكن من إجراء ضبط دقيق لذاكرة التخزين المؤقت للمتصفح للمحتوى الثابت الخاص بك موقع الويب في لوحة تحكم إدارة WordPress >> قائمة الأداء >> قسم ذاكرة التخزين المؤقت للمتصفح :

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

وبدلاً من ذلك، يمكنك فقط نسخ ولصق الكود التالي في ملف htaccess الجذر الخاص بك:

ExpiresByType

image/jpg "الوصول بالإضافة إلى 60 يومًا"

ExpiresByType image/png "الوصول بالإضافة إلى 60 يومًا"

ExpiresByType image/gif "الوصول بالإضافة إلى 60 يومًا"

ExpiresByType image/jpeg "الوصول بالإضافة إلى 60 يومًا"

ExpiresByType text/css "الوصول بالإضافة إلى 2 أسابيع"

صورة ExpiresByType/x-icon "الوصول بالإضافة إلى أسبوعين"

تطبيق ExpiresByType/pdf "الوصول بالإضافة إلى شهر واحد"

ExpiresByType audio/x-wav "الوصول بالإضافة إلى شهر واحد"

ExpiresByType audio/mpeg "الوصول بالإضافة إلى شهر واحد"

ExpiresByType video/mpeg "الوصول بالإضافة إلى شهر واحد"

ExpiresByType video/mp4 "الوصول بالإضافة إلى شهر واحد"

ExpiresByType video/quicktime "الوصول بالإضافة إلى شهر واحد"

ExpiresByType video/x-ms-wmv "الوصول بالإضافة إلى شهر واحد"

تطبيق ExpiresByType/x-shockwave-flash "الوصول شهر واحد"

نص ExpiresByType/javascript "الوصول بالإضافة إلى أسبوعين"

تطبيق ExpiresByType/x-javascript "الوصول بالإضافة إلى أسبوعين"

تطبيق ExpiresByType/javascript "الوصول بالإضافة إلى أسبوعين"

يمكن تغيير القيم وفقًا لمتطلباتك المحددة.

تحسين الصفحة الرئيسية

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

كلما قل عدد طلبات HTTP التي يتم تنفيذها بواسطة المتصفح لتحميل محتوى موقع الويب الخاص بك، زادت سرعة تحميل صفحاتك للزائرين.

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

يمكن أن يساعدك المكون الإضافي WP Asset Clean Up الخاص بـ WordPress على تقليل عدد طلبات HTTP لموقعك على الويب، ما يجعل صفحات موقع الويب الخاص بك يتم تحميلها بسلاسة وسرعة.

يمنع المكون الإضافي WP Asset Clean Up تحميل الأنماط والبرامج النصية غير الضرورية على صفحاتك. فهو يفرض تحميل الأصول فقط على الصفحات المطلوبة فعليًا، كما أنه يقلل أيضًا من كود HTML الخاص بالصفحة الفعلية.

يمكن أيضًا استخدام مكون JavaScript to Footer الإضافي لنقل كود JavaScript إلى تذييل الصفحة، بحيث لا تزيد البرامج النصية من وقت التحميل الأولي للصفحة.

توصيات عامة:

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

تخلص من حظر العرض في JavaScript وCSS

أثناء فحص مواقع الويب باستخدام Google Page Speed ، قد تواجه إشعارًا واحدًا أو أكثر بعلامة تعجب حمراء تقول " إزالة حظر العرض لجافا سكريبت وCSS في المحتوى العلوي ".

وهذا يعني أنه لا يمكن عرض أي من المحتوى الموجود في الجزء العلوي من الصفحة دون انتظار تحميل الموارد.

يمكن حل هذه المشكلة عن طريق تمكين إعدادات Miniify الإضافية للمكون الإضافي W3 Total Cache .

للقيام بذلك، ستحتاج إلى الوصول إلى علامة التبويب "الإعدادات العامة" للمكون الإضافي وتعيين وضع التصغير على "يدوي" ، كما يلي:

قبل المتابعة، تأكد من أن حقول إعدادات التصغير في JS في قائمة التصغير مضبوطة على استخدام الإعدادات التالية:

بمجرد الانتهاء من ذلك، ستحتاج إلى إضافة عناوين URL المقابلة لجافا سكريبت التي يوفرها Google PageSpeed في حقل إدارة ملفات JS ، كما يلي:

قم بتنفيذ نفس الخطوات لملء حقل إدارة ملفات CSS بعناوين URL الخاصة بـ CSS على نفس الصفحة:

ينبغي أن يكون ذلك! يجب ألا يظهر الإشعار " إزالة حظر العرض لـ Javascript وCSS في المحتوى الموجود أعلى الصفحة " إذا تم إكمال الخطوات المذكورة أعلاه بالترتيب.

يعمل المكون الإضافي Autoptimize على تقليل كود HTML نفسه، مما يجعل صفحتك خفيفة الوزن.

يتم استخدام البرنامج المساعد لتحسين JS/CSS, هناك أيضًا خيارات متقدمة متاحة تسمح لك بتخصيص التحسين التلقائي ليناسب الاحتياجات المحددة لموقع الويب الخاص بك.

Autoptimize متوافق مع WP Super Cache الذي يوفر وظيفة إعادة كتابة أكثر تطورًا. انتقل إلى إعدادات التحسين التلقائي للعثور على خيار تحسين موقع الويب:

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

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

توفر لك Extra و Optimize More الإعدادات والخدمات الإضافية التي يمكن استخدامها لتحسين موقع الويب.

للتحقق من الخيارات المتقدمة، انقر فوق زر إظهار الإعدادات المتقدمة :

في القائمة التي ظهرت، سترى خيارات أكثر تفصيلاً لتحسين موقع الويب:

بعد تحديد الخيارات المطلوبة، قم بالتمرير لأسفل إلى أسفل الصفحة واضغط على الزر Save Changes and Empty Cache لحفظ التعديلات:

تمكين حماية الارتباط الساخن

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

إن حظر مثل هذه الروابط المباشرة هو الحل. الخيار الأفضل هو استخدام cPanel >> وظيفة حماية Hotlink:

تحسين قاعدة البيانات

قد يكون تحسين قاعدة البيانات مفيدًا أيضًا لمدونة WordPress. حاليًا، يحتوي WordPress على 11 جدولًا أساسيًا.

تحتوي معظم مواقع WordPress على المزيد من الجداول لأن المكونات الإضافية وبعض السمات تحفظ إعدادات إضافية وبيانات أخرى في قاعدة بيانات WordPress.

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

يمكنك أيضًا استخدام ملحقات WordPress المتخصصة مثل:

WP-Optimize

تحسين قاعدة البيانات بعد حذف المراجعات

WP-Sweep

WP-DB Manager يستخدم

WP-Sweep وظائف حذف WordPress المناسبة قدر الإمكان بدلاً من تشغيل استعلامات MySQL للحذف المباشر، في حين أن WP-Optimize يستخدم البرنامج المساعد استعلامات SQL للحذف المباشر والتي يمكن أن تترك البيانات المعزولة خلفها.

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

تقدير أداء موقع WordPress الخاص بك

تتيح لك المكونات الإضافية إضافة وظائف إلى وظائف موقع WordPress الخاص بك وتضمين مجموعة متنوعة من الخيارات المخصصة لك ولزائري موقع الويب الخاص بك.

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

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

للتحقق من المكونات الإضافية الخاصة بك، يمكنك استخدام البرنامج المساعد P3 (Plugin Performance Profiler) لـ WordPress.

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

في وقت تحميل موقع الويب والوقت النسبي الذي يستغرقه تحميل كل مكون إضافي.

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

هناك مكون إضافي مفيد آخر لـ WordPress – Plugin Organizer . فهو يسمح لك بتعطيل المكونات الإضافية بشكل انتقائي وإعادة ترتيب ترتيب تحميل المكونات الإضافية الخاصة بك.

 يمكنه أيضًا تحسين أداء موقع الويب الخاص بك.

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

والاستمتاع بالنتائج التي حصلت عليها!