مصغر CSS و مزيل

CSS Minifier & Beautifier هي أداة ذات اتجاهين: إنها تضغط CSS عن طريق إزالة كل ما لا يحتاجه المتصفح - التعليقات ، والمسافة البيضاء ، والفاصلة المنقوطة الزائدة ، والألوان السداسية الطويلة والوحدات على قيم صفرية - ويمكنها عكس العملية ، وتوسيع حزمة إنتاج سطر واحد مرة أخرى إلى قواعد قابلة للقراءة ، وقواعد بادئة بشكل صحيح. كل بايت تقوم بنزعه من ورقة أنماط حظر العرض هو بايت يتم تنزيله وتوزيعه في وقت أقرب ، والذي يغذي مباشرة مقاييس الويب الأساسية مثل First Contentful Paint وأكبر طلاء محتويات.

المصغر محافظ عمدًا. إنها تدرك تمامًا القيم الحرفية للسلسلة وقيم url () وتعبيرات calc () ، لذلك لا تزيل أبدًا المساحة البيضاء التي يعتمد عليها calc (100٪ - 20px) ، ولا تعيد كتابة نص يشبه الألوان داخل سلسلة محتوى ، ولا تلمس التباعد الذي يميز div: hover من div: hover. في أوراق الأنماط المكتوبة يدويًا ، يمكنك توقع تخفيض حجم 25-40٪ قبل GZIP ؛ جنبًا إلى جنب مع GZIP أو Brotli على السلك ، لا يزال التصغير يحلق شريحة ذات مغزى لأن الضغط يعمل بشكل أفضل على الإدخال المتكرر والخالي من التعليقات.

كل شيء يعمل 100٪ من جانب العميل في متصفحك. لا يتم أبدًا تحميل CSS أو تسجيله أو تخزينه على أي خادم ، مما يعني أنه يمكنك لصق رمز نظام التصميم الخاص أو أنماط المنتج التي لم يتم إصدارها أو عمل العميل بأمان. كما أنه يعمل في وضع عدم الاتصال بمجرد تحميل الصفحة - وهو مفيد عندما تحتاج إلى تمريرة مصغرة سريعة دون توصيل خط أنابيب PostCSS كامل أو ESBuild.

التصغير هنا مدرك للجملة بدلاً من مجموعة من قواعد البحث والاستبدال ، وهو ما يجعله آمنًا للتشغيل على أوراق أنماط الإنتاج: يتم ترك المسافات البيضاء داخل السلاسل وقيم url () ومحددات السمات بمفردها ، لأن إزالتها ستغير ما يطابق CSS. يتم الاحتفاظ بالتعليقات التي تبدأ بعلامة تعجب ، وهي اتفاقية رؤوس الترخيص التي يجب أن تنجو من البناء.