تصغير / منسق 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 }