सीएसएस मिनिफ़ायर

सीएसएस मिनिफ़िकेशन पेज के दिखने के तरीके को प्रभावित किए बिना सीएसएस स्टाइलशीट से सभी अनावश्यक वर्णों को हटा देता है। इसमें व्हाइटस्पेस, लाइन ब्रेक, टिप्पणियां और समापन ब्रेस से पहले अंतिम अर्धविराम शामिल हैं। आउटपुट एक सिंगल - लाइन स्टाइलशीट है जो कार्यात्मक रूप से मूल के समान है लेकिन काफी छोटी है — आमतौर पर संपीड़न से पहले 20 -40% छोटी होती है।

सीएसएस एक रेंडर - ब्लॉकिंग संसाधन है। ब्राउज़र को पेज रेंडर करने से पहले सभी CSS को डाउनलोड और पार्स करना होगा, जिसका मतलब है कि बड़ी या अनधिकृत CSS फ़ाइलें पहले कंटेंटफुल पेंट (FCP) और सबसे बड़ी कंटेंटफुल पेंट (LCP) में देरी करती हैं। Google PageSpeed Insights एक "Minify CSS" अवसर के रूप में असंक्रमित CSS को फ़्लैग करता है, और लाइटहाउस जैसे टूल प्रदर्शन ऑडिट में रेंडर - ब्लॉकिंग स्टाइलशीट को दंडित करते हैं।

यह टूल कस्टम मिनिफ़िकेशन एल्गोरिथ्म का उपयोग करके आपके ब्राउज़र में पूरी तरह से CSS प्रोसेस करता है। यह टिप्पणियों को हटाता है, व्हाइटस्पेस को ध्वस्त करता है, सीएसएस सिंटैक्स वर्णों ({,},:,;,) के आसपास की जगहों को हटाता है, और ब्रेसिज़ को बंद करने से पहले अर्धविराम के पीछे छोड़ देता है। ब्यूटीफ़ाई फ़ंक्शन इस प्रक्रिया को उलट देता है, पठनीयता के लिए नियमों को फिर से शामिल करता है — जब आप किसी तीसरे पक्ष से मिनीफ़ाइड CSS प्राप्त करते हैं और इसे पढ़ने या संशोधित करने की आवश्यकता होती है तो उपयोगी होता है।