أداة تصغير CSS عبر الإنترنت
قم بتصغير CSS أو JavaScript أو HTML أو JSON في المتصفح: قم بإزالة التعليقات والمسافات البيضاء، وشاهد الحجم المحفوظ على الفور.
النتيجة
تفتح هذه الصفحة أداة تصغير التعليمات البرمجية مع تحديد CSS مسبقًا. الصق ورقة أنماط، واضغط على الزر، وستحصل على سطر واحد مضغوط: تمت إزالة التعليقات، وانهيار المسافات البيضاء حول الأقواس، والنقطتين، والفواصل المنقوطة والفواصل، والفاصلة المنقوطة الأخيرة الزائدة عن الحاجة قبل إسقاط كل قوس إغلاق.
يستجيب CSS بشكل جيد للغاية للتصغير لأن أوراق الأنماط المنسقة تتكون في الغالب من مسافات بادئة وتعليقات - تتراوح المدخرات النموذجية بين 15% و40% من حجم الملف. يعني حجم CSS الأصغر أن المتصفح يبدأ في العرض بشكل أسرع، نظرًا لأن أوراق الأنماط هي موارد تحظر العرض: فكل كيلو بايت يتم اقتطاعه من CSS يقلل من الوقت اللازم للرسم لأول مرة على الاتصالات البطيئة.
يكون المصغر حذرًا عندما يكون الأمر مهمًا: يتم نسخ السلاسل الموجودة في خصائص المحتوى وقيم url() حرفيًا، ويتم الاحتفاظ بالمسافات حول النقطتين على مستوى المحدد بحيث تحافظ أدوات التجميع مثل "a :hover" على معناها. تعرض لوحة الحجم وحدات البايت قبل وبعد بالإضافة إلى النسبة المئوية المحفوظة، ويمكن نسخ النتيجة أو تنزيلها بنقرة واحدة.