CSS Minifier

مصغر CSS استخدم CSS Minifier هذا لضغط CSS وتقليل حجم كود CSS وتحميل موقعك بشكل أسرع.

أداة تصغير CSS

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

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

مثال تصغير
قبل:

/ * تخطيط المساعدين
---------------------------------- * /
.ui-helper-hidden {
عرض لا شيء؛
}
.ui-helper-hidden-access {
الحدود: 0؛
مقطع: مستطيل (0 0 0 0) ؛
الارتفاع: 1 بكسل ؛
الهامش: -1 بكسل ؛
إخفاء الفائض؛
حشوة: 0؛
الموقف: مطلق.
العرض: 1 بكسل ؛
}
بعد:

.ui-helper-hidden {display: none} .ui-helper-hidden-access {border: 0؛ clip: rect (0 0 0 0)؛ height: 1px؛ margin: -1px؛ overflow: hidden؛ padding: 0 ؛ الموقف: مطلق؛ العرض: 1 بكسل}

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

الغرض من التصغير هو زيادة سرعة موقع الويب. يمكن أن يؤدي التصغير إلى تصغير البرنامج النصي بنسبة تصل إلى 20٪ ، مما يؤدي إلى وقت تنزيل أسرع. سيستخدمه بعض المطورين أيضًا لـ "التعتيم" على التعليمات البرمجية الخاصة بهم. هذا يجعل من الصعب قراءة الكود ، مما يزيد من صعوبة عكس الهندسة أو النسخ.

من الممارسات الشائعة أيضًا دمج جميع ملفات CSS لموقع ويب واحد في ملف واحد. هذا له عدد من الفوائد. إنه يقلل من عدد طلبات HTTP التي يجب إجراؤها للحصول على جميع عناصر موقع الويب. كما أنه يجعل التصغير وضغط gzips أكثر فعالية.