أفضل إضافات أداء WordPress للمطورين

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

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

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

لماذا يعتبر أداء موقع الويب مهمًا؟

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

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

يحدد إيليا جريجوريك ، مهندس أداء الويب في Google ، في شبكات المتصفح عالية الأداء ، مقاييس إدراك السرعة لدى البشر:

• 100 مللي ثانية كوقت استجابة يبدو فوريًا للمستخدم ؛
• 100-300 مللي ثانية تمثل تأخيرًا صغيرًا ، ولكن محسوسًا ؛
• 300 مللي ثانية - 1 ثانية يُنظر إليها على أنها "تعمل الآلة" ؛
• تمثل الثانية الواحدة تأخيرًا كبيرًا للمستخدم. ومن ثم ، فإن ثانية واحدة من وقت الانتظار كافية لمقاطعة تدفق الفكر وربما يبدأ المستخدم في تغيير طريقة تفكيره.

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

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

أسباب بطء موقع الويب عديدة وأحيانًا تقنية للغاية. فيما يتعلق بالجوانب التقنية الأكثر حساسية ، يمكن أن تكون الأسباب الكامنة وراء تباطؤ موقع الويب هي الاستخدام المفرط للموارد الخارجية ، والاستخدام المكثف لجافا سكريبت و CSS الذي يحظر العرض ، حيث لا تتم معالجتها ، أو الصور الثقيلة. في المتوسط ​​، تمثل هذه أكثر من 60٪ من وزن صفحة الويب.

أفضل ملحقات أداء WordPress

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

1. مراقبة الاستعلام

مع أكثر من 60.000 عملية تثبيت نشطة ومتوسط ​​تقييم 4.9 / 5 ، فإن Query Monitor هو مكون إضافي مجاني لأداء WordPress للمطورين ويهدف إلى توفير الدعم لمرحلة تصحيح الأخطاء. يعد هذا مكونًا إضافيًا مفيدًا للغاية ، حيث يكتشف تقريبًا كل نوع من الأخطاء التي يمكن أن تحدث أثناء تطوير WordPress.

يضيف Query Monitor قائمة إلى شريط إدارة WordPress ويسلط الضوء على جميع معلومات الاستعلام التي تمر عبر WordPress. في سياق تصحيح الأخطاء ، يمكنك العثور على الكثير من المعلومات المفيدة مثل تفاصيل طلبات HTTP واستعلامات قاعدة البيانات و Ajax وعمليات إعادة التوجيه وأخطاء PHP.

• الاستعلامات التي تم إجراؤها في قاعدة البيانات: يعرض المكون الإضافي كل استعلام يتم تنفيذه في الصفحة الحالية ، مع إبراز الاستعلامات البطيئة والاستعلامات المكررة والاستعلامات التي تحتوي على أخطاء. علاوة على ذلك ، فإنه يسمح بتصفية الاستعلامات حسب النوع (SELECT ، UPDATE ، DELETE) ، حسب المكون (مقسم إلى مراكز ، ومكونات إضافية ، وموضوعات) ، وكذلك حسب الوظيفة.
• الخطافات المستخدمة في البرامج النصية: يعرض المكون الإضافي جميع الخطافات المنفذة في الصفحة الحالية ، مما يسمح لها بالترشيح بنفس طريقة الاستعلامات.
• الموضوع النشط: يوفر المكون الإضافي معلومات حول السمة النشطة مثل اسم ملف القالب الحالي.
• أخطاء PHP: توجد معلومات أكثر تفصيلاً من تلك التي يوفرها WordPress من خلال تعيين القيمة الحقيقية لـ WP_DEBUG الثابت في ملف wp-config.php.
• طلبات HTTP: يتم توفير معلومات حقيقية عن طلبات HTTP ، خاصة فيما يتعلق باستعلامات var واستعلامات القواعد وعلامات بنية الرابط الثابت.
• البرامج النصية والأنماط: يوفر المكون الإضافي معلومات عن البرامج النصية والأنماط على الصفحة ، مع تبعياتها وإصداراتها.

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

2. أكمل برنامج Analytics Optimization Suite (CAOS)

إذا كنت قد استخدمت Google Analytics Tracking Code واختبرت موقع الويب الخاص بك من خلال PageSpeed ​​Insights للتحقق من رأي Google في تحميل موقع الويب الخاص بك ، فقد لاحظت أنه يوصيك بتمكين الضغط وتحديد ذاكرة التخزين المؤقت لشفرتك.

لحسن الحظ ، يوجد حل ويمكنك كسب هذه الأرقام الإضافية في اختبار Google PageSpeed ​​Insights. يمكنك القيام بذلك باستخدام البرنامج المساعد Complete Analytics Optimization Suite (CAOS).

هذا البرنامج المساعد لأداء WordPress ، والذي يستخدم لإدراج كود التحليلات في WordPress ، يخزن كود JavaScript الخاص بـ Google Analytics محليًا ويصغره. هذا يعني أنك تجاوزت متطلبات PageSpeed ​​Insights.

بالإضافة إلى ذلك (وهنا تأتي لمسة العبقرية) ، يستخدم هذا المكون الإضافي WordPress wp-cron للتحقق بانتظام مما إذا كانت Google قد قامت بتحديث الكود. وبالتالي ، لديك دائمًا أحدث إصدار من Analytics. الآن ليس لديك أي سبب لعدم رغبتك في تثبيت هذا المكون الإضافي. أراهن!

3. perfmatters

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

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

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

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

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

• يعمل مع البرنامج المساعد الحالي لذاكرة التخزين المؤقت
• تعطيل خيارات WordPress الافتراضية
• تعطيل البرامج النصية في كل صفحة
• يدعم التحميل المسبق لـ DNS

4. P3 (ملف تعريف أداء البرنامج المساعد)

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

لاحظ أن P3 لا يؤثر على أداء موقع الويب لأنه يمسح فقط الصفحة المخصصة له في WordPress وليس في الوقت الفعلي. لا يتم تحميله أثناء التصفح العادي من خلال صفحات WordPress.

يمكنك العثور على لوحة التحكم الخاصة به في Tools → P3 Plugin Profiler. يمكنك بدء الفحص بالنقر فوق "بدء المسح" ثم "المسح التلقائي" في النافذة التي تظهر.

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

من الواضح أنه لا يمكن الاعتماد على هذه البيانات. في هذا السياق ، أجرى Tom Ewer تحليلًا مفصلاً لـ ManageWP وقدم طلبًا للتوضيح في منتدى الدعم. لقد أظهر أن P3 ، كونه مكونًا إضافيًا عاديًا ، قد يعاني من بعض عدم الدقة بسبب تشغيل المكونات الإضافية الأخرى أو تحميل الخادم (خاصة إذا تمت مشاركته).

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

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

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

إخلاء المسؤولية: لم يتم اختبار P3 مع أحدث ثلاثة إصدارات رئيسية من WordPress ومع ذلك قد يكون مفيدًا للمطورين.

5. LazyLoad بواسطة WP Rocket

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

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

فيما يلي قائمة بأفضل ملحقات WordPress Lazy Load

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

تم إنشاء هذا المكون الإضافي لأداء WordPress بواسطة فريق WP Rocket وتم دمجه في المكون الإضافي WP Rocket بدقة. لا تقلق بشأن تحسين محركات البحث (SEO) لأن المكون الإضافي يُدرج صورة بسمة src بين علامات <noscript>.

6. ديسقوس تحميل مشروط

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

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

تغليف!

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