تصغير CSS - ضغط ملفات CSS عبر الإنترنت
الصق كود CSS الخاص بك، وانقر على "تصغير"، واحصل على نسخة مضغوطة مع إزالة التعليقات والمسافات البيضاء. شاهد حجم التوفير بالبايت على الفور.
ما هو مصغر CSS؟
مصغر CSS هو أداة تضغط كود CSS الخاص بك عن طريق إزالة الأحرف غير الضرورية - التعليقات والمسافات البيضاء والأسطر الجديدة والفواصل المنقوطة الزائدة - دون تغيير طريقة عمل CSS. تحميل ملفات CSS الأصغر حجمًا يتم بشكل أسرع، مما يحسن أداء الموقع ونتائج Core Web Vitals. تعمل هذه الأداة بالكامل في متصفحك، لذلك لا يتم تحميل التعليمات البرمجية الخاصة بك إلى أي خادم.
كيفية استخدام مصغر CSS
- لصق CSS - أدخل أو الصق كود CSS الخاص بك في لوحة الإدخال اليسرى
- انقر فوق تصغير CSS - تظهر النتيجة المضغوطة في اللوحة اليمنى
- التحقق من إحصائيات الحجم - شاهد الحجم الأصلي والحجم المصغر والنسبة المئوية المحفوظة
- نسخ النتيجة - انقر فوق نسخ النتيجة لنسخ CSS المصغر إلى الحافظة الخاصة بك
لماذا تستخدم مصغر CSS هذا؟
- تحميل أسرع للصفحات - ملفات CSS الأصغر حجمًا تعني تنزيلات وعرض أسرع
- نتائج أفضل في Core Web Vitals - يقلل حجم الملف من مقاييس LCP و FCP
- مقارنة الحجم - شاهد على الفور الحجم الأصلي مقابل الحجم المصغر والتوفير الدقيق
- إزالة التعليقات - يزيل جميع تعليقات CSS (/* ... */) من كود الإنتاج
- نسخ بنقرة واحدة - انسخ النتيجة المصغرة إلى الحافظة على الفور
- الخصوصية أولاً - لا يغادر CSS الخاص بك متصفحك أبدًا. معالجة صفرية للخادم
FreeToolbox مقابل مصغرات CSS الأخرى
| الميزة | FreeToolbox | cssnano | cssminifier.com |
|---|---|---|---|
| يعمل بالكامل في المتصفح | نعم | Node.js | من جانب الخادم |
| لا حاجة للتثبيت | نعم | npm install | نعم |
| مقارنة الحجم | نعم | CLI output | نعم |
| إزالة التعليقات | نعم | نعم | نعم |
| إزالة المسافات البيضاء | نعم | نعم | نعم |
| لا إعلانات | نعم | N/A | لا |
| الوضع الداكن | نعم | N/A | لا |
الأسئلة الشائعة
هل يؤدي تصغير CSS إلى كسر أي شيء؟
لا. يزيل تصغير CSS فقط الأحرف التي ليس لها أي تأثير على العرض - التعليقات والمسافات البيضاء الإضافية والأسطر الجديدة والفواصل المنقوطة الزائدة قبل الأقواس المتعرجة المغلقة. يظل الناتج المرئي مطابقًا.
ما مقدار المساحة التي يوفرها تصغير CSS؟
عادةً ما بين 15-40٪ اعتمادًا على نمط الترميز. الكود الذي يحتوي على الكثير من التعليقات والتنسيق يوفر المزيد. CSS المضغوط بالفعل يوفر أقل.
هل تتعامل هذه الأداة مع متغيرات CSS؟
نعم. يتم الاحتفاظ بخصائص CSS المخصصة (--variable-name) ووظائف var() تمامًا كما هي مكتوبة. تتم إزالة المسافات البيضاء والتعليقات فقط.
هل يمكنني تصغير SCSS أو LESS؟
تم تصميم هذه الأداة لـ CSS القياسي. يجب تجميع SCSS و LESS إلى CSS أولاً، ثم تصغيره. قد تعمل إزالة التعليقات والمسافات البيضاء جزئيًا على بناء جملة المعالج المسبق.
هل يتم تحميل CSS الخاص بي إلى خادم؟
لا. تتم جميع المعالجة في متصفحك باستخدام JavaScript. لا يغادر كود CSS الخاص بك جهازك أبدًا.