كيفية تجميع وتصغير الموارد في ووردبريس

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

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

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

كيفية القيام بتصغير JS و CSS في ووردبريس

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

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

نعم، 2.79 ثانية لتحميل الصفحة، ليست سيئة ولكن يمكن أن تكون أفضل، فقط دعونا نقلل من حجم ملفات js و CSS ونرى الفرق، انتقل إلى WP Speed of light > تسريع > تجميع وتصغير، ستتمكن من رؤية القائمة بجميع خيارات التصغير. النسخة المجانية من البرنامج تتضمن خيار التجميع والتصغير ولكن استبعاد الملفات المرئي متاح فقط في نسخة PRO الإضافية.

خيارات ملحق PRO هي: استبعاد البرنامج النصي المضمن (استبعاد البرنامج النصي المضمن من التصغير)، ونقل البرامج النصية إلى تذييل الصفحة (يسمح لك بتسريع موقعك عن طريق نقل جميع البرامج النصية المصغرة إلى تذييل الصفحة)، ومجموعة الخطوط وخطوط جوجل (مجموعة الخطوط المحلية وخطوط جوجل في ملف واحد ليتم خدمتها بشكل أسرع) واستبعاد الملفات المتقدم.
 
لديك خيار تصغير، كما ترى، JS، CSS و أيضا HTML الآن فقط قم بتنشيط هذه الخيارات، انقر على حفظ وسيتم تصغير جميع مواردك على الفور، يمكن أن يكون هناك مشاكل لأنها تكوين متقدم ولكن يمكن إصلاح كل شيء باستبعاد بعض الشفرات والملفات (مع ملحق pro).

الآن يتم إنجاز كل عمل المطور الذي يمكن أن يستغرق ساعات في بضع ثوانٍ فقط.

الخطوة التالية، ووردبريس تحسين CSS و JS

باستخدام هذا البرنامج الإضافي، سنسمح لـ WordPress بتحسين CSS و js فقط من خلال تمكين خيارات المجموعة على لوحة التحكم، انتقل إلى WP Speed of Light > تسريع > مجموعة & تصغير، ستتمكن من رؤية لوحة تحكم تحتوي على خيارات لتجميع CSS و js.

تتيح لك هذه الخيارات:

• مجموعة JS: تجميع ملفات جافا سكريبت متعددة في ملف واحد سيقلل من عدد طلبات HTTP
• مجموعة CSS: تجميع عدة ملفات CSS في ملف واحد سيقلل من عدد طلبات HTTP.

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

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

يمكنك بعد ذلك سرد جميع الملفات المحملة حسب النوع، هنا في هذا المثال قمت بالنقر على قائمة ملفات JS فقط.

الآن بعد أن أصبحنا على هذه الإعدادات، ما عليك سوى تمكين خيارات المجموعة (مجموعة CSS ومجموعة JS) والنقر فوق حفظ، ضع في اعتبارك أنه يجب استخدام هذه الخيارات بحذر وسيتعين عليك اختبار صفحتك لأنها قد تسبب تعارضات.

دعونا نتحمس ونحسن وزن الخط

ماذا؟ تحسين آخر؟ نعم! ستتمكن من تحسين وزن الخط وسيكون الأمر سهلاً مثل تمكين الخيار في الإعدادات، ما عليك سوى الانتقال إلى WP Speed of Light > تسريع > تجميع & تصغير > تجميع الخطوط وخطوط جوجل الخيار.

ما عليك سوى تمكين هذا الخيار، انقر على حفظ وسيتم تجميع جميع الخطوط.

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

يا له من فرق، من 2.8 إلى 0.56 ثانية! كما أخبرناكم في بداية هذا المنشور، يمكننا تحسين وقت التحميل ;)

كيفية استخدام استثناء تصغير الملفات

يمكن أن يسبب التصغير مشاكل في موقعك، ويحدث ذلك بشكل رئيسي عند تجميع ملفات معينة تحتوي على خطأ في خطأ في بناء الجملة أو متغير مشابه، اسم الفئة. لهذا السبب باستخدام خيار “استبعاد تصغير الملف” ، ستتمكن من استبعاد الملفات من عملية التصغير والتجميع، انتقل إلى WP Speed of Light > تسريع > تجميع و تصغير، ستتمكن من رؤية خيار استبعاد الملف المتقدم.

من أجل استخدام استبعاد الملف المتقدم، سيتعين عليك تشغيل فحص أولاً تمكين الخيار والنقر فوق تشغيل الفحص.

  لتتمكن من سرد البرنامج النصي الذي تم تحميله على موقع الويب الخاص بك، WP Speed of Light يحتاج إلى فحص مجلد الخاص بك لسردها. وعادة ما يتم احتواءها جميعًا في مجلد /wp-content الذي يجمع كل المكونات الإضافية والقوالب. حدد ذلك المجلد (على الأقل) وانقر على “افحص الآن”

سيتم تشغيل الفحص، أخيرًا، انقر على عرض النتائج عند اكتمال الفحص.

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

سيساعدك هذا على استبعاد الملفات وبهذه الطريقة ، يمكنك بسهولة حل أي مشكلة قد تكون موجودة عند تصغير الموارد ... لا تزال عملية التجميع والتصغير تتطلب بعض العمل ، خاصة في الاختبار ، ولكنها بالتأكيد تستحق الجهد ، وستتمكن دائمًا من اختبار كيفية عملها عن طريق تشغيل اختبار السرعة مباشرة من WP Speed of Light.
 
تفضل بمتابعة و تجريب WP Speed of Light: https://www.joomunited.com/wordpress-products/wp-speed-of-light