CSS मिनिफायर

CSS minifier के हो?

CSS minifier ले वेबसाइटहरूमा CSS फाइलहरू संकुचित गर्ने लक्ष्य राख्छ। यो अवधारणा, जुन अंग्रेजी समकक्ष (CSS Minifier) ​​को रूपमा प्रयोग गरिन्छ, CSS फाइलहरूमा व्यवस्था समावेश गर्दछ। जब CSS हरू तयार हुन्छन्, मुख्य लक्ष्य वेब साइट प्रशासकहरू वा कोडरहरूको लागि लाइनहरू सही रूपमा विश्लेषण गर्न हो। त्यसकारण, यसले धेरै रेखाहरू समावेश गर्दछ। यी रेखाहरू बीच अनावश्यक टिप्पणी रेखाहरू र खाली ठाउँहरू छन्। यसैले CSS फाइलहरू धेरै लामो हुन्छन्। यी सबै समस्याहरू CSS minifier बाट हटाइएको छ।

CSS minifier ले के गर्छ?

CSS फाइलहरूमा गरिएका परिवर्तनहरूसँगै; आयामहरू घटाइएका छन्, अनावश्यक रेखाहरू हटाइएका छन्, अनावश्यक टिप्पणी रेखाहरू र खाली ठाउँहरू मेटाइएका छन्। यसबाहेक, यदि CSS मा एक भन्दा बढी कोड समावेश गरिएको छ भने, यी कोडहरू पनि मेटाइन्छ।

त्यहाँ यी कार्यहरूका लागि विभिन्न प्लग-इनहरू र अनुप्रयोगहरू छन् जुन धेरै प्रयोगकर्ताहरूले म्यानुअल रूपमा गर्न सक्छन्। विशेष गरी वर्डप्रेस प्रणाली प्रयोग गर्ने व्यक्तिहरूको लागि, यी प्रक्रियाहरू प्लगइनहरूसँग स्वचालित गर्न सकिन्छ। यसरी, गल्ती गर्ने सम्भावना हटाइएको छ र थप प्रभावकारी परिणामहरू प्राप्त गरिन्छ।

CSS का लागि WordPress प्रयोग नगर्ने वा अवस्थित प्लगइनहरूलाई प्राथमिकता दिन नचाहने व्यक्तिहरूले पनि अनलाइन उपकरणहरू प्रयोग गर्न सक्छन्। इन्टरनेटमा अनलाइन उपकरणहरूमा CSS डाउनलोड गरेर, CSS मा अवस्थित फाइलहरू परिवर्तन गरेर घटाइन्छ। सबै प्रक्रियाहरू समाप्त भएपछि, अवस्थित CSS फाइलहरू डाउनलोड गर्न र तिनीहरूलाई वेबसाइटमा अपलोड गर्न पर्याप्त हुनेछ। यसरी, CSS Minify वा संकुचन जस्ता कार्यहरू सफलतापूर्वक पूरा हुनेछन्, र साइटको लागि CSS मार्फत अनुभव हुन सक्ने सबै सम्भावित समस्याहरूलाई हटाइनेछ।

तपाईंले आफ्नो CSS फाइलहरू किन संकुचित गर्नुपर्छ?

छिटो वेबसाइट हुनुले Google लाई मात्र खुशी बनाउँदैन, यसले तपाइँको वेबसाइटलाई खोजहरूमा उच्च स्थानमा मद्दत गर्दछ र तपाइँको साइट आगन्तुकहरूको लागि राम्रो प्रयोगकर्ता अनुभव प्रदान गर्दछ।

याद गर्नुहोस्, 40% मानिसहरूले तपाईंको गृहपृष्ठ लोड हुनको लागि 3 सेकेन्ड पनि पर्खदैनन्, र Google ले साइटहरूलाई अधिकतम 2-3 सेकेन्ड भित्र लोड गर्न सिफारिस गर्दछ।

CSS मिनिफायर उपकरणसँग कम्प्रेस गर्दा धेरै फाइदाहरू छन्;

• साना फाइलहरूको मतलब तपाईंको साइटको समग्र डाउनलोड आकार घटाइएको छ।
• साइट आगन्तुकहरूले तपाईंको पृष्ठहरू छिटो लोड गर्न र पहुँच गर्न सक्छन्।
• साइट आगन्तुकहरूले ठूला फाइलहरू डाउनलोड नगरीकन समान प्रयोगकर्ता अनुभव प्राप्त गर्छन्।
• साइट मालिकहरूले कम ब्यान्डविथ लागतहरू अनुभव गर्छन् किनभने कम डाटा नेटवर्कमा प्रसारित हुन्छ।

CSS मिनिफायरले कसरी काम गर्छ?

तपाईंको साइटका फाइलहरूलाई संकुचित गर्नु अघि ब्याकअप गर्नु राम्रो विचार हो। तपाइँ यसलाई एक कदम अगाडी लिन सक्नुहुन्छ र तपाइँका फाइलहरू परीक्षण साइटमा संकुचित गर्न सक्नुहुन्छ। यस तरिकाले तपाइँ तपाइँको लाइभ साइटमा परिवर्तन गर्नु अघि सबै कुरा चलिरहेको छ भनेर सुनिश्चित गर्नुहुन्छ।

यो पनि महत्त्वपूर्ण छ कि तपाइँका फाइलहरू संकुचित गर्नु अघि र पछि तपाइँको पृष्ठ गति तुलना गर्नुहोस् ताकि तपाइँ परिणामहरू तुलना गर्न र संकुचनले कुनै प्रभाव पारेको छ कि भनेर हेर्न सक्नुहुन्छ।

तपाईं GTmetrix, Google PageSpeed ​​Insights, र YSlow, खुला स्रोत प्रदर्शन परीक्षण उपकरण प्रयोग गरेर आफ्नो पृष्ठ गति प्रदर्शनको विश्लेषण गर्न सक्नुहुन्छ।

अब घटाउने प्रक्रिया कसरी गर्ने हेरौं;

1. म्यानुअल CSS मिनिफायर

फाइलहरू म्यानुअल रूपमा संकुचन गर्न समय र प्रयासको महत्त्वपूर्ण मात्रा लाग्छ। त्यसोभए के तपाइँसँग फाइलहरूबाट व्यक्तिगत खाली ठाउँहरू, रेखाहरू र अनावश्यक कोडहरू हटाउन समय छ? सायद छैन। समयको अलावा, यो कमी प्रक्रियाले मानव त्रुटिको लागि थप ठाउँ प्रदान गर्दछ। तसर्थ, फाइलहरू कम गर्नको लागि यो विधि सिफारिस गरिएको छैन। सौभाग्य देखि, त्यहाँ धेरै नि: शुल्क अनलाइन मिनिफिकेशन उपकरणहरू छन् जसले तपाईंलाई आफ्नो साइटबाट कोड प्रतिलिपि गर्न र टाँस्न अनुमति दिन्छ।

CSS minifier CSS minify गर्न नि:शुल्क अनलाइन उपकरण हो। जब तपाइँ "इनपुट CSS" पाठ फिल्डमा कोड प्रतिलिपि गरेर टाँस्नुहुन्छ, उपकरणले CSS लाई सानो बनाउँछ। त्यहाँ फाइलको रूपमा मिनिफाइड आउटपुट डाउनलोड गर्न विकल्पहरू छन्। विकासकर्ताहरूको लागि, यो उपकरणले एपीआई पनि प्रदान गर्दछ।

JSCompress , JSCompress एक अनलाइन JavaScript कम्प्रेसर हो जसले तपाईंलाई आफ्नो JS फाइलहरूलाई तिनीहरूको मूल आकारको 80% सम्म कम्प्रेस गर्न र कम गर्न अनुमति दिन्छ। तपाईंको कोड प्रतिलिपि गरेर टाँस्नुहोस् वा प्रयोग गर्न धेरै फाइलहरू अपलोड र संयोजन गर्नुहोस्। त्यसपछि "जाभास्क्रिप्ट कम्प्रेस गर्नुहोस् - जाभास्क्रिप्ट कम्प्रेस गर्नुहोस्" मा क्लिक गर्नुहोस्।

2. PHP प्लगइनहरूसँग CSS मिनिफायर

त्यहाँ केही उत्कृष्ट प्लगइनहरू छन्, दुबै नि:शुल्क र प्रिमियम, जसले म्यानुअल चरणहरू नगरीकन तपाईंका फाइलहरूलाई कम गर्न सक्छ।

• मर्ज,
• सानो गर्नु,
• ताजा गर,
• WordPress प्लगइनहरू।

यो प्लगइनले तपाईको कोडलाई मिनिफाइड गर्नु भन्दा बढि गर्छ। यसले तपाइँको CSS र JavaScript फाइलहरू संयोजन गर्दछ र त्यसपछि Minify (CSS का लागि) र Google क्लोजर (जाभास्क्रिप्टको लागि) प्रयोग गरेर सिर्जना गरिएका फाइलहरूलाई सानो बनाउँछ। Minification WP-Cron मार्फत गरिन्छ ताकि यसले तपाईंको साइटको गतिलाई असर गर्दैन। जब तपाईंको CSS वा JS फाइलहरूको सामग्री परिवर्तन हुन्छ, तिनीहरू पुन: रेन्डर हुन्छन् ताकि तपाईंले आफ्नो क्यास खाली गर्नु पर्दैन।

JCH Optimize सँग नि:शुल्क प्लगइनका लागि केही राम्रा राम्रा सुविधाहरू छन्: यसले CSS र JavaScript लाई संयोजन र मिनिफाइ गर्छ, एचटीएमएललाई सानो बनाउँछ, फाइलहरू संयोजन गर्न GZip कम्प्रेसन प्रदान गर्दछ, र पृष्ठभूमि छविहरूको लागि स्प्राइट रेन्डरिङ।

CSS Minify , तपाईंले CSS Minify को साथ आफ्नो CSS minify गर्न केवल स्थापना र सक्रिय गर्न आवश्यक छ। Settings > CSS Minify मा जानुहोस् र एउटा मात्र विकल्प सक्षम गर्नुहोस्: CSS कोड अप्टिमाइज र मिनिफाइज गर्नुहोस्।

फास्ट वेलोसिटी मिनिफाइ २०,००० भन्दा बढी सक्रिय स्थापनाहरू र पाँच-तारे मूल्याङ्कनका साथ, फास्ट वेलोसिटी मिनिफाइ फाइलहरू सकिनुका लागि उपलब्ध सबैभन्दा लोकप्रिय विकल्पहरू मध्ये एक हो। यसलाई प्रयोग गर्न, तपाईंले मात्र स्थापना र सक्रिय गर्न आवश्यक छ।

सेटिङ्हरूमा जानुहोस् > फास्ट वेलोसिटी मिनिफाइ। यहाँ तपाईंले विकासकर्ताहरूका लागि उन्नत JavaScript र CSS बहिष्कारहरू, CDN विकल्पहरू, र सर्भर जानकारी सहित प्लगइन कन्फिगर गर्नका लागि धेरै विकल्पहरू फेला पार्नुहुनेछ। धेरैजसो साइटहरूको लागि पूर्वनिर्धारित सेटिङहरूले राम्रो काम गर्छ।

प्लगइनले वास्तविक समयमा र पहिलो गैर-क्यास अनुरोधको समयमा मात्र फ्रन्टएन्डमा संकुचन गर्छ। पहिलो अनुरोध प्रशोधन भएपछि, उही स्थिर क्यास फाइल अन्य पृष्ठहरूमा सेवा गरिन्छ जसलाई CSS र JavaScript को समान सेट चाहिन्छ।

3. WordPress प्लगइनहरूको साथ CSS मिनिफायर

CSS मिनिफायर एक मानक सुविधा हो जुन तपाईले सामान्यतया क्यासिङ प्लगइनहरूमा फेला पार्नुहुनेछ।

• WP रकेट,
• W3 कुल क्यास,
• WP SuperCache,
• WP सबैभन्दा छिटो क्यास।

हामी आशा गर्छौं कि हामीले माथि प्रस्तुत गरेका समाधानहरूले तपाईंलाई CSS मिनिफायर कसरी गर्ने भन्ने बारे ज्ञान दिएको छ र तपाईंले यसलाई आफ्नो वेबसाइटमा कसरी लागू गर्न सक्नुहुन्छ भन्ने कुरा बुझ्न सक्नुहुन्छ। यदि तपाईंले यो पहिले नै गर्नुभयो भने, तपाईंले आफ्नो वेबसाइटलाई छिटो बनाउनको लागि कुन अन्य विधिहरू प्रयोग गर्नुभएको छ? Softmedal मा टिप्पणी खण्डमा हामीलाई लेख्नुहोस्, हाम्रो सामग्री सुधार गर्न आफ्नो अनुभव र सुझाव साझा गर्न नबिर्सनुहोस्।