أداة تصغير CSS

إزالة المسافات البيضاء والتعليقات هو الجزء الواضح والسهل من التصغير — كل أداة تصغير تفعل ذلك، وبمفرده هو بالكاد أكثر من عملية بحث واستبدال. الجزء الذي يميّز أداة تصغير حقيقية تفهم CSS عن حذف المسافات البيضاء الساذج هو كل ما يتطلب فهم ورقة الأنماط فعليًا: ضغط القيم المُختصَرة، حيث يصبح لون مكتوب كـ`#ffffff` هو `#fff` وتُقلَّص وحدات الصفر الزائدة، ودمج القواعد المكرَّرة أو المتداخلة، حيث تُدمَج قاعدتان تنتهيان بتطبيق نفس الإعلانات في واحدة. كلاهما يتطلب تحليل CSS إلى بنية حقيقية أولًا — معرفة أي مُحدِّد ينطبق على أي إعلانات، وأي القيم متكافئة — وهذا سبب بناء csso شجرة صياغة فعلية بدلًا من مطابقة نمطية للنص، نفس السبب الذي يجعل مُحلِّلًا حقيقيًا يستحق قيمته على تمرير تعبير نمطي.

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

أداة تصغير تفهم CSS محافظة عمدًا فيما تدمجه أو تُعيد كتابته: الخصائص المخصَّصة (متغيرات CSS)، واستعلامات الوسائط، ورسوم الإطارات المتحركة (keyframes)، والإعلانات ذات البادئة الخاصة بالمُحرِّك، كلها تُحفَظ تمامًا كما كُتبت، لأن دمجها بشكل خاطئ قد يغيّر بصمت طريقة عرض صفحة على بعض المتصفحات أو أحجام الشاشات بدلًا من مجرد شكل المصدر. التحسينات الآمنة للقيام بها تلقائيًا — المسافات البيضاء، والتعليقات، والقيم المُختصَرة، والقواعد المكرَّرة فعليًا — هي تلك التي ليس لها أي تأثير ممكن على الصفحة المعروضة، وهذا هو مبدأ التصميم بأكمله وراء استخدام مُحلِّل حقيقي بدلًا من نهج بحث واستبدال أكثر خطورة وبساطة.