الرئيسية / شرح الووردبريس / شرح تصغير ملفات الجافا JS والاستايل CSS باستخدام W3 Total Cache
اضافة W3 Total Cache لتسريع الموقع الخاص بك

شرح تصغير ملفات الجافا JS والاستايل CSS باستخدام W3 Total Cache

اذا كنت من مستخدمين البرنامج المساعد او اضافة W3 Total Cache لتسريع الموقع الخاص بك علي منصة ووردبريس في الحقيقة هذا اختيار جيد فبعد تجربتي للعديد من الاضافات مثل WP Super Cache و FasttestCache و كوميت كاشي وغيرها من اضافات التخزين المؤقت للمتصفح وضغط و تصغير ملفات JS الجافا وملفات الاستايل CSS يتضح لي اخيرا ان افضل اضافة علي الاطلاق هي W3 Total Cache اضافة توتال كاشي واليوم في موقع عقل المهندس سوف نقوم بشرح اهم المزايا وهي تصغير وضغط عناصر الجافا وملفات الاستايل Minify Settings

سابقا كنت استخدم WP Super Cache فعند تفعيل المود ريرايت mod_rewrite في الاباتشي كانت تواجهني مشكلة في تآخير في سرعة استجابة السيرفر حوالي ١.٨ ثانية ولم اجد حل لهذه المشكلة غير اني استخدم نظام الكاشي php والذي كان لا يرضيني هذا بجانب ان ملفات الجافا والاستايل لا يتم تصغيره وضغطة ودمجهم وبالتالي اصبحت مشكلة كبيرة بالنسبة لي فكنت مضطر الي استخدام Autoptimize بجانب هذه الاضافة لكن ايضا واجهتني مشكلة وهي انها تقوم بالتصغير والضغط Minify لا تعرف مين فين ومين بيعمل ايه ومشاكل في شكل الموقع ومشاكل اخرى في ارتفاع ذاكرة التخزين الخاصة بالاضافة

في الحقيقة ما دفعني لكتابة هذا المقال هو انني لم اجد شرح وافي لكيفية تفعيل خيار تصغير وضغط ملفات الجافا والاستايل Minify Settings  الخاص باضافة W3 Total Cache  بطريقة يدوية علي الانترنت باللغة العربية وبالتالي قررت كتابة هذه المعلومات للاستفادة العامة وسوف يتم شرح باقي الاعدادات المتقدمة في هذه الاضافة حينما يسمح لي الوقت فالاضافة كبيرة جدا لشرحها بموضوع واحد.

في البداية يمكنك متابعة الشرح عن طريق الفيديو المقدم من موقع عقل المهندس و بصرف النظر عن الفيديو يمكنك متابعة شرح بالصور فيما يلي

في حال الفيدويو لم يعمل او غير موجود قم باستخدام هذا الرابط https://www.youtube.com/watch?v=7vrGjBTfs2M&feature

اولا:يتوجب عليك تحميل اضافة W3 Total Cache من منصب الاضافات لوحة تحكم الووردبريس واليك طريقة تنصيب الاضافات للمبتدئين وبعد تفعيل الاضافة اذهب الي الاعدادات العامة الاعدادات العامة اضافة W3 Total Cache

Performance >>> General Sittings

كما في هذه الصورة ——->

بعد ذلك سوف تظهر لك الصورة الاتية الخاصة بتصغير وضغط عناصر الجافا وملفات الاستايل Minify

فم بالتعليم كما في الصورة ويرجى الانتباه الي ان اختيار الضغط Minify Mode لملفات جافا JS والاستايل CSS يكون محدد للاعدادات اليدوية Manual باقي الاعدادات كما هي موضحة ادناه

القائمة الرئيسية لاضافة W3 Total Cacheالان قم بحفظ الاعدادات مع تفريغ الكاشي (مستحسن)

الخطوة التانية انتقل من القائمة الرئيسية لاضافة W3 Total Cache الي صفحة اعداد ضغط وتصغير ملفات الجافا JS وملفات الاستايل CSS الي Minify

Performance >>> Minify

كما في الصورة التالية خيارات توتال كاشي html&xml قم بتفعيل خيارات HTML Minify Setting

  • Enable علم عليها صح
  • Inline CSS Minification قم بالتعليم صح
  • Inline JS Minification قم بتعليم صح
  • Dont minify feeds هدا الخيار لا يهمنا بشيئ خاص بالاشتراكات

خيارات توتال كاشي html&xml

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

بعد ذلك انتقل الي القسم الثاني كما في الصورة الاتية اعدادات JS-minify-setting

اعدادات JS-minify-setting

قم بالاعدادات لضغط ودمج ملفات الجافا كما في الصورة اعلاه مع مراعاه اختيار القالب الخاص بك وايضا اختيار الملفات المصغرة تكون بالفوتر After <body> وبنفس الوقت اختار خيار انها تكون بالترتيب بمعني انك تراعي ترتيب الجافا اثناء اضافة ملفات الجافا وهذه تساعدك في لو ان ملف الضغط كبير سوف يساعد علي تحميل الجزء المرئي من الصفحة علي الاقل وهي تعمل بتقنية المسك والافلات لا توجد بها مشكلة ولكني نسيت ان اضمها بالفيديو في حال صادفتك مشاكل ولا تعرف كيفية حلها قم بالتحويل من minfiy الي الخيار الثاني وهو جمع الملفات في ملف واحد Compaine only بدون ضغط ولكن في الفيديو اعلاه كيفية شرح حل مشاكل جافا اسكريبت وملفات الاستايل اذا واجهك اي تغيير في شكل الموقع بدلا من خسارة الضغط والدمج

كيف يمكنك اضافة الجافا وتصغيرها

هناك طريقتين اما عن طريق الضغط علي المربع اعلاه كما في الصورة فسوف تظهر لك مستطيل اخر مثل هذه

اضافة الجافا وتصغيرها

يمكنك اضافة العديد من ملفات الجافا عن طريق الضغط علي نفس الزر عده مرات قم بكتابة الرابط ومن ثم اختباره للتآكد انه يعمل ثم حفظ وتفريغ الكاشي

الطريقة الثانية هي الاسهل اذا كنت لا تعرف ملفات الجافا التي علي موقعك قم بالذهاب الي اعلي الصفحة ثم اضغط علي Help كما في هذه الصورة

مساعدة توتال كاشي

سوف تظهر لك نافذة منبثقة بها جميع ملفات الجافا والاستايل الموجودة علي موقعك شاهد الصورة الاتية الاتية

مساعدة توتال كاشي

قم باختيار ملفات الجافا التي تريد ان تضعها في الفوتر او في علامة head وانا افضل ان ملفات النظام الاصلية تكون في علامة head منعا لحدوث مشاكل وانا شخصيا لم اقم بدمج وضغط ملف jquary ويمكنك مشاهده هذا اذا اختبرت موقع عقل المهندس بعد الانتها قم بالحفظ والاغلاق سوف تظهر لك الملفات المختارة بعدها حفظ وتفريغ الكاشي واذهب الي موقعك وتآكد ان كل شيئ علي ما يرام

الخطوة التالية هي تصغير وضغط ملفات الاستايل CSS

قم بتفعيل الخيارات كما في الصورة ويمكنك اضافة ملفات الاستايل يدويا كما وضحنا عبر الضغط علي المربع سوف يظهر لك هذا المستطيل ضع روابط ملفات الاستيلات

في حال انك لا تعرف ملفات الاستايل بموقعك قم بالضغط علي Help مرة اخرى وانتقل الي قسم الاستيلات و تحديد الملفات التي تريد دمجها وضغطها ثم حفظ واغلاق ثم حفظ وتفريغ الكاشي وانتقل الي موقعك لتشاهد النتائج

الاعدادات المتقدمة Advancedadvanced-setting

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

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

نآمل ان نكون قد وفقنا في شرح اضافة W3 Total Cache لتسريع الموقع الخاص بك وكيفية تصغير وضغط ملفات الاستايل CSS وملفات الجافا JS بالطريقة اليدوية لاتنسى الاشتراك ببريد الموقع وفي حال اي استفسار من فضل اترك تعليق ومتابعتنا علي مواقع التواصل الاجتماعي

الكاتب: احمد عبد العظيم

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

2 تعليقان

  1. شكرا جزيلا لك كنت اتمني ان تضع شرح لباقي مميزات ووردبريس توتال كاشي

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *