WordPress में अप्रयुक्त CSS और JS को कैसे हटाएं (बहुत आसान)

बहुत सारे अप्रयुक्त सीएसएस होने से आपकी साइट धीमी हो सकती है। अगर आप Google PageSpeed ​​​​इनसाइट के साथ अपनी वेबसाइट का परीक्षण करते हैं, तो आपको अप्रयुक्त CSS को हटाने की चेतावनी मिल सकती है। कोडिंग और तकनीकीता के बिना ऐसा करने का एक आसान तरीका है।

आपकी वेबसाइट में बहुत सारे अप्रयुक्त CSS और JS होने से आपकी वेबसाइट का लोड समय खराब हो सकता है। यदि आप अपनी वेबसाइट a . के माध्यम से चलाते हैं गति परीक्षण उपकरण जैसे गूगल पेजस्पीड इनसाइट, आपको अप्रयुक्त सीएसएस को हटाने की चेतावनी मिल सकती है।

शुक्र है, ऐसा करने का एक बहुत ही आसान तरीका है। अपनी वर्डप्रेस साइट से अप्रयुक्त सीएसएस और जेएस को हटाने में सक्षम होने के लिए आपको किसी विशेष तकनीकी ज्ञान की आवश्यकता नहीं है।

यह एक अद्भुत प्लगइन के कारण है जिसे के रूप में जाना जाता है एसेट क्लीनअप: पेज स्पीड बूस्टर. इस प्लगइन के साथ अप्रयुक्त सीएसएस को हटाना कुछ बटन क्लिक करने जितना आसान है। वैकल्पिक रूप से, अगर आपको साल में कुछ रुपये खर्च करने का मन नहीं है, तो WP रॉकेट, एक अप्रयुक्त सीएसएस बटन हटा दिया गया है, बस इसे सक्रिय करें और प्लगइन सभी अप्रयुक्त सीएसएस को स्वचालित रूप से हटा देगा।

चेकआउट: शीर्ष 7 प्रबंधित Google क्लाउड वर्डप्रेस होस्टिंग

अप्रयुक्त सीएसएस क्या है?

अप्रयुक्त सीएसएस एक सीएसएस फ़ाइल है जो एक पृष्ठ में मौजूद है लेकिन पृष्ठ को लोड करने के लिए अधिकतर इसकी आवश्यकता नहीं होती है। जब कोई विज़िटर कोई वेबसाइट खोलता है, तो विज़िटर को पृष्ठ सामग्री प्रदर्शित करने से पहले ब्राउज़र को आम तौर पर विज़िट किए गए पृष्ठ पर सभी बाहरी स्टाइलशीट को डाउनलोड, पार्स और संसाधित करना पड़ता है। अगर ऐसे पेज पर कोई सीएसएस मौजूद है जो पेज पर इस्तेमाल नहीं किया गया है, तो ब्राउज़र उस पर अपना समय बर्बाद कर देगा।

इसका एक उत्कृष्ट उदाहरण अधिकांश संपर्क फ़ॉर्म प्लगइन्स हैं जिनका उपयोग किया जाता है। हालाँकि ये प्लगइन्स ज्यादातर केवल हमसे संपर्क करें पृष्ठ पर उपयोग किए जाते हैं, इसके सीएसएस को पूरी वेबसाइट पर लोड करते हैं। इससे कोई फर्क नहीं पड़ता कि यह होमपेज है जहां इसका उपयोग नहीं किया जाता है, सीएसएस लोड हो जाएगा।

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

प्लगइन्स के अलावा, थीम डेवलपर style.css में बहुत सी चीजें लिखते हैं जिनकी ज्यादातर जरूरत नहीं होती है। लेकिन जरूरत हो या न हो, जब भी आपकी साइट लोड होती है तो वे लोड हो जाते हैं!

एक अप्रयुक्त सीएसएस एक समस्या नहीं हो सकती है, लेकिन बहुत सारे अप्रयुक्त सीएसएस आपकी वेबसाइट के लोड समय को प्रभावित कर सकते हैं।

चेकआउट: शीर्ष 10 सबसे तेज और सर्वश्रेष्ठ वर्डप्रेस थीम 

अप्रयुक्त सीएसएस की पहचान कैसे करें

अप्रयुक्त CSS और JS ढूँढना एक बहुत ही आसान काम है। दो दृष्टिकोण हैं जो मैं सुझाऊंगा।

एक है Google PageSpeed ​​Insight के माध्यम से अपनी वेबसाइट का विश्लेषण करना। जांचें कि क्या आपकी वेबसाइट में अप्रयुक्त सीएसएस को हटाने की समस्या है। उस पर क्लिक करें और आप इसके लिए जिम्मेदार अपनी साइट के घटक की पहचान करने में सक्षम होंगे।

अप्रयुक्त सीएसएस

आप ऊपर से देख सकते हैं कि अप्रयुक्त सीएसएस का एक मामला दर्ज किया गया है। मैं इसे देखकर अप्रयुक्त सीएसएस के प्लगइन और स्थान को देखने में सक्षम हूं।

दूसरा विकल्प अधिक विस्तृत विश्लेषण प्राप्त करना है। आप क्रोम देव टूल्स का उपयोग करके इसे प्राप्त कर सकते हैं।

अपने क्रोम ब्राउजर पर, क्रोम देव टूल्स खोलें और फिर कवरेज पर जाएं। फिर कवरेज क्षेत्र के अंदर रीलोड बटन पर क्लिक करें। आप पा सकते हैं Google Developers टूल पर इसे कैसे करें, इस पर व्यापक मार्गदर्शिका.

दूसरा विकल्प उपयोग करना है अप्रयुक्त CSS चयनकर्ताओं के लिए स्कैन करने के लिए jitbit। आप भी उपयोग कर सकते हैं शुद्ध करेंसीएसएस अप्रयुक्त सीएसएस को खोजने के लिए

अप्रयुक्त सीएसएस को कैसे हटाएं

वर्डप्रेस से अप्रयुक्त सीएसएस को हटाने के लिए इन चरणों का पालन करें:

1. एसेट क्लीनअप स्थापित करें

प्लगइन पर जाएं फिर नया जोड़ें। फिर आप ऐड न्यू प्लगइन पेज के सर्च बॉक्स में “एसेट क्लीनअप” टाइप करें। प्लगइन स्थापित करें और सक्रिय करें।

2. प्लगइन सेटिंग्स में जाएं

प्लगइन सेटिंग्स को एक्सेस करने के लिए, वर्डप्रेस डैशबोर्ड से सेटिंग्स पर क्लिक करें और फिर एसेट क्लीनअप पर क्लिक करें।

3. अवांछित CSS और JS को उतारें

प्लगइन सेटिंग्स पर, आपको यह स्वीकार करने की आवश्यकता हो सकती है कि आप जानते हैं कि शुरू करने से पहले स्ट्रिपिंग फैट टैप के तहत प्लगइन कैसे काम करता है।

CSS और JS को अनलोड करने के लिए CSS और JSS मैनेजर पर क्लिक करें। वहां से आप कोई भी CSS और JS हटा सकते हैं जिसकी आपको जरूरत नहीं है। आप इसे केवल मुखपृष्ठ के लिए, संपूर्ण साइट के लिए या किसी विशिष्ट URL के लिए निकाल सकते हैं। आप पोस्ट, पेज या श्रेणियों के लिए भी हटा सकते हैं।

एक उदाहरण हमसे संपर्क करें पृष्ठ को छोड़कर पूरी साइट के लिए लोड होने से किसी भी संपर्क फ़ॉर्म को अनलोड करना है

सीएसएस अनलोड करें

अपना समय लें और प्रत्येक CSS और JS को अनलोड करें जिसे आप जानते हैं कि इसकी आवश्यकता नहीं है। यह सुनिश्चित करने के लिए कि सब कुछ ठीक है, यह सुनिश्चित करने के बाद कि आप अपनी साइट का परीक्षण करें।

अप्रयुक्त सीएसएस वर्डप्रेस प्लगइन्स निकालें

यहां कुछ प्लगइन्स दिए गए हैं जिनका उपयोग आप WordpPress में अप्रयुक्त CSS को हटाने के लिए कर सकते हैं:

1. एसेट क्लीनअप: पेज स्पीड बूस्टर

एसेट क्लीनअप

एसेट क्लीनअप: पेज स्पीड बूस्टर शुरुआती लोगों के लिए भी अप्रयुक्त CSS और JSin WordPress को हटाना आसान बनाता है। आपको बस एक विशेष CSS को निष्क्रिय करना है जिसकी किसी विशेष पृष्ठ के लिए आवश्यकता नहीं है।

आप अकेले व्यक्तिगत पोस्ट के लिए भी निष्क्रिय कर सकते हैं। प्रीमियम संस्करण के साथ, आप अप्रयुक्त सीएसएस/जेएस को प्लगइन्स द्वारा निष्क्रिय कर सकते हैं।

यह प्लगइन वर्डप्रेस को गति देने के लिए कई अन्य विकल्पों के साथ एक पूर्ण प्रदर्शन प्लगइन है। अप्रयुक्त सीएसएस/जेएस को हटाना इसका एक हिस्सा है।

इस पोस्ट में, मैंने इस प्लगइन का उपयोग किया एक गाइड है।

2। WP रॉकेट

WP रॉकेट नंबर एक वर्डप्रेस प्रीमियम प्रदर्शन प्लगइन है। यदि आप एक नोब हैं, मेरा मतलब है कि यदि आप वर्डप्रेस के साथ अनुभवी या सहज नहीं हैं, तो WP रॉकेट अप्रयुक्त सीएसएस को हटाने का सबसे आसान तरीका है।

आपको प्लगइन खरीदने की आवश्यकता है, एक बार ऐसा करने के बाद, आप इसे अपने खाते से डाउनलोड कर सकते हैं या डाउनलोड लिंक के लिए अपना ईमेल देख सकते हैं।

डैशबोर्ड> प्लगइन्स> नया जोड़ें> अपलोड के माध्यम से प्लगइन स्थापित करें।

बस WP रॉकेट सेटिंग्स में नेविगेट करें और फिर “फाइल ऑप्टिमाइज़ेशन” टैब पर क्लिक करें। फिर नीचे स्क्रॉल करें और आपको "अप्रयुक्त सीएसएस हटाएं" दिखाई देगा, बॉक्स को चेक करें, सहेजें और कैश साफ़ करें।

अप्रयुक्त सीएसएस WP रॉकेट निकालें

3। Perfmatters

Perfmatters

Perfmatters ब्रायन जैक्सन और उनके भाई ब्रेट जैक्सन द्वारा विकसित एक प्रीमियम प्लगइन है। यह प्लगइन अप्रयुक्त सीएसएस को बहुत आसानी से हटाने में मदद कर सकता है।

सबसे पहले, आपको प्लगइन खरीदना होगा। फिर इसे स्थापित करें। लाइसेंस सक्रिय करें। जब आप सेटिंग में नेविगेट करते हैं, तो स्क्रिप्ट मैनेजर चालू करें।

बस अपनी वेबसाइट पर किसी भी पेज या पोस्ट पर जाएं, आपको डैशबोर्ड मेनू पर स्क्रिप्ट मैनेजर आइकन दिखाई देगा, उस पर क्लिक करें। आप अप्रयुक्त CSS और JS को पृष्ठ से या विश्व स्तर पर निकालने में सक्षम होंगे।

यह प्लगइन एक प्रदर्शन प्लगइन है, वर्डप्रेस को गति देने के लिए कई अन्य विकल्पों के साथ आता है। अप्रयुक्त CSS/JS को हटाना इसका एक हिस्सा है।

4. सीएसएस जेएस प्रबंधक

सीएसएस-जेएस-प्रबंधक

सीएसएस जेएस प्रबंधक विशेष रूप से मोबाइल या डेस्कटॉप से ​​CSS या JS को हटा सकते हैं। आप जो हासिल करना चाहते हैं उसके आधार पर।

यह प्लगइन सीएसएस या जेएस फाइलों की लोडिंग को भी टाल सकता है।

निष्कर्ष

यदि आपके पास बहुत सारे अप्रयुक्त CSS और JS हैं, तो आप गति और प्रदर्शन स्कोर में एक बड़ा सुधार देखेंगे।

सभी अप्रयुक्त सीएसएस को हटाना असंभव हो सकता है लेकिन आप उन्हें कम से कम ला सकते हैं। अप्रयुक्त सीएसएस को हटाने के लिए मैं एसेट क्लीनअप का उपयोग करता हूं लक्ष्य प्रवृत्ति.

याद रखें, ऑप्टिमाइज़ करें, लेकिन इसके प्रति बहुत अधिक जुनूनी न हों, जब तक कि आप अपनी साइट को ऐसा नहीं देखना चाहते दुनिया की सबसे तेज वेबसाइट.

यह भी पढ़ें:

वर्डप्रेस में रेंडर-ब्लॉकिंग रिसोर्सेज को कैसे खत्म करें

वर्डप्रेस को बहुत तेज कैसे बनाये

अपने ब्लॉग पर ट्रैफिक कैसे लाये

एमफ़ोन एबेल एकेन

एमफ़ोन एबेल एकेन

मुझे सहायक सामग्री बनाने में मज़ा आता है। मेरा जुनून इंटरनेट की आबादी को सही दिशा में इंगित करके उन्हें जो चाहिए उसे ढूंढने में मदद कर रहा है। यह वही है जो मुझे करना पसंद है और मैं यह सुनिश्चित करने के लिए कई घंटों का शोध और परीक्षण करता हूं कि मैं टारगेटट्रेंड पर अपनी सामग्री के माध्यम से ऐसा ही करूं।

लेख: 50

तकनीकी सामान प्राप्त करें

तकनीकी रुझान, स्टार्टअप रुझान, समीक्षाएं, ऑनलाइन आय, वेब टूल और मार्केटिंग एक या दो बार मासिक

3 टिप्पणियाँ

  1. अच्छी सूची। अधिकांश थीम के लिए एसेट क्लीनअप पर्याप्त नहीं है क्योंकि मैं मुख्य सीएसएस फ़ाइल को नहीं निकाल सकता। आमतौर पर मुख्य CSS फ़ाइल भी बहुत बड़ी होती है।

    एकमात्र मुफ्त प्लगइन जो बाहरी सेवा सदस्यता के बिना करता है वह Debloat है। आप इस पर विचार करना चाह सकते हैं: https://wordpress.org/plugins/debloat/

एक जवाब लिखें

आपका ईमेल पता प्रकाशित नहीं किया जाएगा। आवश्यक फ़ील्ड इस तरह चिह्नित हैं *