كيفية ضغط ملفات HTML و JavaScript و CSS في Blogger

كيفية ضغط ملفات HTML و JavaScript و CSS في Blogger

كيفية ضغط ملفات HTML و JavaScript و CSS في Blogger

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

تعتبر جوجل امر تسريع المواقع امر مهم جدا جدا فاذا كانت نسبة سرعة موقعك 40% في الهاتف الجوال و 90% في الحاسوب فلا تخف فان الموقع يعبتر جيد من ناحية السرعة و السيو لتصدر نتائج البحث في محركات البحث .

 قياس سرعة موقعك

اذا اردت قياس سرعة موقعك تابع الموضوع التالي :

# أدوات مجانية لمراقبة سرعة الموقع وتحسينها في محركات البحث

عند مراجعة أداة Google Page Speed ​​Tool الخاصة بمدونتك هل سبق لك أن لاحظت فرصا لزيادة سرعة تحميل المدونة الخاص بك ؟

ضغط CSS و ضغط JavaScript ,  تسرد أداة Page Speed ​​من Google جميع ملفات JavaScript و CSS غير المصغرة إلى جانب القدرة على الحفظ بالكيلو بايت KB فعند ضغط هذه الملفات في هذا الموضوع سنتعرف على CSS وجافا سكريبت الغير المصغر وكيفية ضغط هذه الملفات في Blogger بلوجر

ما هي اكواد CSS و JAVASCRIPT ؟

اكواد مهمة لتحسين في مظهر المواقع و تحاوبه مع بعض الاشياء الضرورية في الموقع فبدونهما لا وجود لموقع ويب اصلا ، فعملية ضغط الملفات مهمة للغاية لتسريع الموقع ، فعندما تحتوي ملفات JavaScript , CSS على أحرف غير ضرورية مثل التعليقات والمسافة البيضاء والمسافة البادئة لا يتم تصغير هذه الملفات ومع ذلك يمكن أن تكون هذه الملفات غير المضغوطة أقل تعقيدا وسهلة القراءة والتعديل عليها يكون سهل ، فلنهم معا في فقرة صغيرة حول عملية ضغط الملفات :

يمكن إزالة التعليقات والمسافات البيضاء والمسافات البادئة بأمان لتقليل حجم الملف دون التأثير على الوظائف الأساسية لـ CSS و JavaScript .

وفقا لـ Google يمكن لعملية ضغط الملفات اي تصغيرها ان تقوم بتحسين كفاءة البايت وسرعة التحميل للصفحة عن طريق إزالة جميع الأحرف غير المرغوب فيها او الفراغات .

كيفية التعرف على CSS و JavaScript غير المحددين في المدونة ؟

هذا سؤال جيد جدا ان تكتشف الاكواد المضغوطة او الغير مضغوطة و قد يكون التعرف على CSS و JavaScript غير المصغرين في Blogger أمرا صعبا بعض الشيء للتعرف على هذه الملفات غير المصغرة في Blogger اتبع الصور التالية :

كودCSS ليس مضغوط Not Minify

كيفية ضغط ملفات HTML و JavaScript و CSS في Blogger

كود CSS مضغوط Minify

كود CSS مضغوط Minify
كيفية ضغط ملفات HTML و JavaScript و CSS في Blogger

كود JavaScript ليس مضغوط Not Minify

كود JavaScript ليس مضغوط Not Minify
كيفية ضغط ملفات HTML و JavaScript و CSS في Blogger

كود JavaScript مضغوط  Minify

كود JavaScript مضغوط  Minify
كيفية ضغط ملفات HTML و JavaScript و CSS في Blogger

الضغط التلقائي لـ CSS , إذا لم يكن لديك أي معرفة بلغة html فلا مشكلة يوجد هنا العديد من الأدوات عبر الإنترنت على الويب لتقليل CSS و JavaScript يمكن لهذه الأداة أن تضغط ملفاتك غير المصغرة بطريقة ذكية للغاية دون التأثير على الوظائف الأساسية وأسلوب القالب الخاص بك ومع ذلك لا يزال من المستحسن الاحتفاظ بنسخة احتياطية من قالبك الخاص بمدونتك .

قائمة بعض أفضل أدوات تصغير CSS على الإنترنت

  1. cssminifier.com  سهل الاستخدام ما عليك سوى نسخ CSS غير المصغر والنقر على زر تصغير لإخراج الكود المضغوط , يمكنك أيضا تنزيل كود الإخراج كملف 
  2. minifycode.com يمكن لهذا المصغر ضغط الرموز الخاصة بك بنقرة واحدة حيث يحتوي على زر ضغط لإلغاء تصغير الرموز المصغرة لتسهيل قراءتها 
  3. csscompressor.net أداة CSS المصغرة عبر الإنترنت سريعة وسهلة الاستخدام ومجانية
  4. Refresh-sf.com سيقلل هذا الضاغط من CSS يتضمن أيضا جميع خيارات الضغط لكل نوع رمز إذا كنت بحاجة إليها
  5. htmlcompressor.com  يمكن لهذا الضاغط تصغير CSS بطريقة ذكية للغاية يمكنك أيضا التحقق من الرموز الخاصة بك بحثا عن الأخطاء أيضا

بعض أفضل المواقع لضغط ملفات JavaScript

  1. JScompress.com
  2. Javascript-minifier.com

كيفية تصغير CSS باستخدام أداة عبر الإنترنت

معظم هذه الأدوات عبر الإنترنت لها نفس العملية لـ Minify CSS أنا أستخدم cssminifier

افتح أولا قالب الموقع الخاص بمدونتك في أي محرر html وحدد موقع ملف CSS غير المصغر انسخ الرمز بالكامل إلى الحافظة الخاصة بك

انتقل الآن إلى # cssminifier وقم بلصق التعليمات البرمجية بالكامل في الأداة وانقر فوق الزر Minify

إقرأ أيضا

💬تعليقات