أداة تصغير CSS- أداة تصغير وضغط CSS مجانية عبر الإنترنت

Input data
bfotool loadding
Output data
bfotool loadding

 

أداة تصغير CSS

يؤدي تصغير CSS إلى إزالة التباعد والمسافة البادئة والأسطر الجديدة والتعليقات من شيفرة CSS التي كتبتها. هذه العناصر ليست ضرورية لاستخدام CSS بنجاح، كما أنها تُصعّب قراءة CSS.

أفضل ممارسة لدى العديد من المطورين هي الحفاظ على نسخة مُحسّنة، وعند إطلاق مشروعهم، سيُشغّلون الأنماط عبر برنامج تصغير. كما سيجمعون ملفات الأنماط المتعددة في ملف واحد.

 

لماذا تستخدم CSS Minifier؟

الغرض من التصغير هو زيادة سرعة الموقع الإلكتروني. يمكن أن يُصغّر التصغير حجم النص البرمجي بنسبة تصل إلى 20%، مما يُسرّع وقت التنزيل. كما يستخدمه بعض المطورين لإخفاء أكوادهم، مما يُصعّب قراءة الكود، وبالتالي يُصعّب إجراء هندسة عكسية أو نسخ.

 

مثال على تصغير CSS

قبل:

.headbg{  
    margin:0 8px   
}  
a:link,a:focus{  
    color:#00c   
}  
a:active{  
    color:red   
}  

بعد:

.headbg{margin:0 8px }a:link,a:focus{color:#00c }a:active{color:red }