شیوه نامه های CSS را فوراً در مرورگر خود کوچک و فشرده کنید. نظرات را حذف کنید، فضای خالی را جمع کنید و اندازه فایل را کاهش دهید. رایگان و خصوصی.
پشتیبانی از فایل های css. یا CSS خود را در بالا قرار دهید.
کوچک سازی CSS فضاهای خالی، نظرات و کاراکترهای غیر ضروری را از یک stylesheet حذف می کند تا اندازه آن را قبل از ارائه به مرورگرها کاهش دهد. قوانین واقعی بدون تغییر هستند: یک شیوه نامه کوچک شده، صفحات را به صورت یکسان با منبع کوچک نشده ارائه می کند. صرفه جویی از حذف خطوط جدید، نیم ویرگول های اضافی، نظرات، فرصت های کوتاه نویسی شش رنگ و میانبرهای صفر واحد (به جای 0 پیکسل با 0) حاصل می شود.
در وبسایتهای مدرن با دهها قانون سبک، کاهش معمولی 20 تا 40 درصد در مقایسه با منبع نامشخص است. در ترکیب با فشردهسازی gzip در سرور، پسانداز حاشیهای کاهش مییابد - gzip قبلاً متن تکراری را به طور مؤثر فشرده میکند - اما این ترکیب هنوز هم فشردهسازی را به تنهایی شکست میدهد، بهویژه زمانی که شیوه نامهها در حافظه پنهان ذخیره میشوند و بارها به بسیاری از بازدیدکنندگان ارائه میشوند.
این مینیفایر CSS را در یک پاس پردازش میکند، نظرات خارج از مقادیر url() را حذف میکند، فضای سفید را جمع میکند، نیمویرگولهای اضافی را قبل از بستن پرانتزها حذف میکند، از کوتاهنویسی صفر واحد استفاده میکند و رنگهای شش رقمی شش رقمی را در صورت امکان به شکل سه رقمی تبدیل میکند (#ffffff → #fff). خروجی CSS معتبر باقی می ماند که هر مرورگری به درستی آن را تجزیه می کند.
فایلهای کوچکتر CSS سریعتر بارگیری میشوند و زمان مسدود کردن رندر کاهش مییابد، که هر دو امتیازات First Contentful Paint و Largest Contentful Paint را بهبود میبخشند. برای سایتهایی که Core Web Vitals بر رتبهبندی جستجو تأثیر میگذارد، هر کیلوبایت CSS مسدودکننده رندر، ارزش تلاش را دارد.
هزینه های پهنای باند نیز در مقیاس مهم هستند. سایتهایی که میلیونها بازدید از صفحه را ارائه میکنند، زمانی که شیوه نامههایشان 30 درصد کوچکتر باشد، مقدار قابلتوجهی از خروج را ذخیره میکنند. صورتحسابهای CDN، استفاده از داده تلفن همراه و مصرف انرژی همگی سود کمی دارند. Minification اساسا رایگان است - یک مرحله ساخت یکباره بدون هزینه نگهداری.
CSS را جایگذاری کنید، نسخه کوچک شده را دریافت کنید.
کوچک سازی CSS عمدتاً حذف فضای سفید محافظه کارانه است. فضای خالی در انتخابگرها، اعلانها و مقادیر در جایی که قابل توجه است حفظ میشود. فضای خالی بیرون جمع شده است. نظرات حذف می شوند مگر اینکه با /* شروع شوند! (نظرات حفظ مجوز).
میانبرهای رایج: 0px، 0em و مقادیر مشابه صفر واحد تبدیل به 0 می شوند. رنگ های شش رقمی شش رقمی با ارقام جفت شده (#ffffff، #336699) سه رقمی می شوند (#fff، #369). آخرین نقطه ویرگول قبل از } حذف می شود. نام رنگ ها به طور خودکار به هگز تبدیل نمی شوند زیرا هگز گاهی طولانی تر است (طول قرمز از #f00 کوتاه تر است؛ #ff0000 بلندتر از قرمز است).
خروجی باید از هر اعتبارسنجی CSS که ورودی را می پذیرد، عبور دهد. پشتیبانی مرورگر بدون تغییر است - کوچکسازی خود قوانین را تغییر نمیدهد، فقط نمایش متنی آنها را تغییر میدهد.