موضوع مميز أو حصة جديدة:

مقارنة بين Galaxy A50 vs iPhone 7 plus أيهما الأقوى في تشغيل الألعاب

مرحبا بزوارنا الكرام سوى كنتم من قناة GOKP او  KindlyPear فانتم حقا تعتبرون من عائلة واحدة و شكرا لكل من وضع اشتراك في القناة فهذا يجعلنا نق...

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

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

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

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

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

# تسريع مدونة بلوجر و أرشفة المواضيع بشكل احترافي لتصبح كالصاروخ تعرف على أهم الأخطاء يجب إصلاحها بعد فحص موقعك

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

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

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

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

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

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

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

يمكنك التطرق ايضا الى مواضيع اخرى مهمة :

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

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

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

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

كود CSS مضغوط Minify

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

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

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

كود 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

اخيرا نكون قد اعطيناكم بعض المعلومات المهمة حول ضغط ملفات CSS و HTML و JAVASCRIPT بضغطة زر واحدة لذا دعما لنا ساهموا في نشر هذا الموضوع ❤️❤️❤️

شارك هذه الحصة أو الموضوع :

قد يهمك

KindlyPear | كمثري | Kemtheri

موقع كمثري يرحب بكم , إهتماماتك هنا كل ما يخص التقنية , التكنولوجيا , ألعاب الفيديو و الثقافة بأنواعها , مع تجارب و إختراع مختارة و حصرية