أداة تصغير CSS

ما الذي تفعله إعادة الهيكلة

إضافة إلى إزالة المسافات البيضاء، يختصر المصغّر القيم (#ffffff إلى #fff، و0px إلى 0) ويدمج القواعد. تُجمع المحددات ذات التصريحات المتطابقة في قاعدة واحدة، ويمكن نقل التصريحات بين القواعد عندما تسمح سلسلة التتالي بذلك. لذلك لا يتبع الناتج ترتيب المصدر، وقد يؤدي البحث عن محدد إلى العثور عليه مجمّعاً مع محددات أخرى. لقراءة الناتج، وسّعه باستخدام منسّق CSS.

تبقى تعليقات الترخيص

تُحذف التعليقات العادية، لكن التعليق الذي يبدأ بـ /*! يبقى. هذا هو الأسلوب المتبع في المكتبات لإشعارات حقوق النشر والتراخيص التي يجب أن ترافق الشيفرة، لذا اكتب هذه الإشعارات بهذه الصيغة وسيبقى الملف المصغّر متوافقاً.

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

طريقة الاستخدام

1. الصق CSS.
2. اختر تصغير CSS.
3. انسخ ورقة الأنماط المحسّنة أو نزّلها.

الخصوصية والقيود

يبقى CSS في المتصفح. اختبر النتيجة وفق متطلبات المظهر ودعم المتصفحات قبل النشر.