सीएसएस न्यूनतम

सीएसएस मिनीफायर के बारे में

CSS मिनिफ़ायर फ़ाइल आकार को कम करने और प्रदर्शन में सुधार करने के लिए आपकी CSS स्रोत फ़ाइल में अनावश्यक वर्णों को हटा देता है। बहुत सारे अनावश्यक स्थान, स्वरूपण और वर्ण आपके CSS फ़ाइल आकार को जोड़ और बढ़ा सकते हैं, जो एक वेब पेज को धीमा कर सकता है। यह उपकरण उन अनावश्यक वर्णों को हटाकर इस समस्या का समाधान करता है।

CSS मिनिफिकेशन के लाभ

• यह पेज साइज को कम कर सकता है
• यह आपकी वेबसाइट को तेजी से लोड कर सकता है
• यह उपयोगकर्ता-अनुभव में सुधार करता है
• यह सर्वर लोड को कम कर सकता है
• यह एक वेबसाइट को मुख्य वेब विटल्स की मदद करके SEO को बढ़ावा देने में मदद कर सकता है।

सीएसएस मिनीफायर का उपयोग कैसे करें

इस टूल का उपयोग करना आसान है। बस अपने CSS डेटा को बॉक्स में कॉपी और पेस्ट करें और फिर minify पर क्लिक करें। यह स्वचालित रूप से छोटा हो जाएगा और आपको तुरंत परिणाम मिलेगा।

उदाहरण के लिए, यदि आप नीचे दिए गए कोड को छोटा करना चाहते हैं:

.फ्लेक्सबॉक्स {
  प्रदर्शन: फ्लेक्स;
  फ्लेक्स-दिशा: पंक्ति;
  फ्लेक्स-रैप: रैप;
  औचित्य-सामग्री: फ्लेक्स-स्टार्ट;
  संरेखित-आइटम: खिंचाव;
  बॉक्स आकार: सीमा-बक्से;
  मार्जिन: 0px -10px;
}

।वस्तु {
  बॉक्स आकार: सीमा-बक्से;
  चौड़ाई: 50%;
  मार्जिन-तल: 20px;
  गद्दी: 0px 10px;
}

।सामग्री {
  रंग: #242424;
  पृष्ठभूमि-रंग: #1bbefe;
  फ़ॉन्ट वजन: 600;
  पाठ संरेखित: केंद्र;
  बॉक्स आकार: सीमा-बक्से;
  ऊंचाई: 100%;
  गद्दी: 10px;
}

बस इसे कॉपी करके बॉक्स में पेस्ट करें, फिर minify पर क्लिक करें। परिणाम नीचे की तरह होगा

.flexbox{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:stretch;box-sizing:border-box;margin:0px-10px}.item{box-sizing:border-box;width:50%;margin-bottom:20px;padding:0px 10px}.content{color:#242424;background-color:#1bbefe;font-weight:600;text-align:center;box-sizing:border-box;height:100%;padding:10px}

CSS Miniifier का उपयोग करने के लाभ

• यह समय बचाता है। इसे मैन्युअल रूप से करने से तेज़।
• एक क्लिक के साथ कॉपी, पेस्ट और छोटा करें।
• परिणाम की प्रतिलिपि बनाने के लिए एक-क्लिक करें।

नोट: न्यूनतमीकरण के बाद पहले स्टेजिंग वातावरण पर परीक्षण करें।