الأخبار التكنولوجية والاستعراضات والنصائح!

كيفية تمكين دمج CSS وجافا سكريبت في ماجنتو 2

ستساعدك المقالة التالية: كيفية تمكين دمج CSS وجافا سكريبت في ماجنتو 2

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

الآن ، يتعلق أداء المتجر بتجربة المستخدم. ليس هناك من ينكر حقيقة أن Google تعتبر سرعة تحميل موقع الويب كأحد عوامل الترتيب.

هذه الإحصائيات من Hosting Tribunal تقول كل شيء:

  • تأخير لمدة ثانية واحدة يقلل مشاهدات الصفحة بنسبة 11٪.
  • تأخير لمدة ثانية واحدة يقلل رضا العملاء بنسبة 16٪.
  • التأخير لمدة ثانية واحدة 7٪ من معدل التحويل المطلوب.
  • 1-3 ثواني في وقت التحميل انظر أ معدل ارتداد منخفض للغاية – 32٪ فقط.
  • أضف ثانية واحدة إلى ذلك و فرصة ارتداد المستخدمين ثلاث مرات لتصل إلى 90٪.
  • على أساس سنوي، يمكن أن يؤدي التأخير لمدة ثانية واحدة إلى 2.5 مليون دولار في الإيرادات الضائعة إذا كان متجرك يولد 100000 دولار في اليوم.

الآن بعد أن عرفنا مدى أهمية ثانية واحدة فقط عندما يتعلق الأمر بسرعة تحميل موقع الويب ، لا ينبغي لأحد أن يغتنم أي فرصة لتسريع متجر Magento 2

وإحدى طرق القيام بذلك هي تمكين دمج CSS وجافا سكريبت في Magento 2.

يعد CSS و javascript غير المدمجين أحد أسباب انخفاض الكفاءة ووقت التحميل العالي لمتجر Magento 2.

يشير الدمج إلى عملية التخلص من البيانات غير الضرورية أو الزائدة عن الحاجة مثل فواصل الأسطر دون التأثير على كيفية معالجة المتصفح للمورد. يمنع تعديل الملف بعد دمج CSS و js.

سيؤدي انخفاض عدد الطلبات إلى الخادم بسبب دمج CSS وجافا سكريبت إلى تحسين وقت تحميل المتجر.

ولحسن الحظ ، يوفر نظام إدارة المحتوى المفضل لدينا ميزة افتراضية لتمكين دمج جافا سكريبت و CSS من لوحة الإدارة!

خطوات تمكين دمج CSS وجافا سكريبت في Magento 2:

  1. تسجيل الدخول إلى لوحة الإدارة
  2. اذهب إلى المتاجر> الإعدادات> التكوين
  3. من اللوحة اليمنى ، قم بتوسيع متقدم علامة التبويب وحدد ملف مطور خيار.
  4. تمكين دمج CSS في Magento 2:
    1. قم بتوسيع إعدادات CSS
    2. عيّن “نعم” في القائمة المنسدلة دمج ملفات CSS.
  5. تمكين Javascript في Magento 2:
    1. التوسع في إعدادات JavaScript قسم
    2. عيّن الخيار “نعم” في ملف دمج ملفات JavaScript اسقاط.
      تفعيل JS في Magento 2
  6. يحفظ إعدادات

هذا كل شيء.

يمكنك أيضًا الرجوع إلى فيديو تعليمي لـ Enable Merge CSS، Javascript in Magento 2 من سلسلة دروس الفيديو Magento 2 الخاصة بنا:

كيفية تمكين دمج CSS وجافا سكريبت في Magento 2 1

يمكنك أيضًا التحقق من ملحق Magento 2 Defer Parsing المجاني لجافا سكريبت الذي يعمل على أتمتة تحليل Javascript لـ Magento 2 لتسريع وقت تحميل صفحة المتجر وتحسين تجربة المستخدم

أي شكوك؟ هل أذكرهم في قسم التعليقات أدناه.

أيضًا ، سأكون ممتنًا إذا أمكنك مشاركة المنشور مع زملائك من مطوري Magento عبر وسائل التواصل الاجتماعي.

شكرًا لك.

Magento 2 تأجيل إعراب JavaScript

قم بتحسين سرعة تحميل متجرك عبر الإنترنت بسهولة باستخدام Magento 2 Defer Parsing of JavaScript.