ضغط CSS أونلاين مجانًا وتنسيقه
اضغط كود CSS أو نسّقه فورًا داخل متصفحك. يحذف التعليقات والمسافات لتقليل حجم الملف.
🔒 ملفك لا يغادر متصفحك أبدًا. تتم كل المعالجة محليًا.
كيفية ضغط CSS أونلاين
- 1
الصق كود CSS
الصق كود CSS أو اكتبه في مربع الإدخال.
- 2
اختر ضغط أو تنسيق
اضغط على «ضغط CSS» لتصغير الكود، أو «تنسيق CSS» لترتيبه بمسافات بادئة متناسقة.
- 3
انسخ النتيجة
تظهر النتيجة على اليسار. اضغط «نسخ» لنسخها إلى الحافظة.
يعطّل CSS عملية العرض: لا يستطيع المتصفح رسم أي شيء حتى يحمّل ويحلل كل ملفات الأنماط في وسم head. لذلك فإن بضعة كيلوبايتات قد تؤخر First Contentful Paint، خاصة على اتصالات الجوال. ضغط CSS أرخص تحسين ممكن: لا حاجة لأدوات بناء ولا لتعديل الكود، فقط ملف أصغر يظهر بالشكل نفسه تمامًا.
ما الذي يُحذف: التعليقات والمسافات البادئة وفواصل الأسطر والمسافات حول الأقواس المعقوفة والنقطتين، وآخر فاصلة منقوطة قبل كل قوس إغلاق. لا تُمس المحددات وأسماء الخصائص والقيم أبدًا، لذلك يعمل CSS المضغوط تمامًا كالأصلي. أما «تنسيق» فيفعل العكس: يحوّل ملف الأنماط الإنتاجي إلى قواعد مقروءة بمسافات بادئة منتظمة.
إذا كان حجم ملفك كبيرًا بسبب قواعد غير مستخدمة لا بسبب المسافات، فلن يوفّر الضغط الكثير؛ احذف المحددات غير المستخدمة في عملية البناء أولًا. أما بقية الملفات، فأداتا ضغط JS وضغط HTML تطبقان الفكرة نفسها على السكربتات والوسوم.