WordPress में अप्रयुक्त CSS और JS को कैसे हटाएं (बहुत आसान)
बहुत सारे अप्रयुक्त सीएसएस होने से आपकी साइट धीमी हो सकती है। अगर आप Google PageSpeed इनसाइट के साथ अपनी वेबसाइट का परीक्षण करते हैं, तो आपको अप्रयुक्त CSS को हटाने की चेतावनी मिल सकती है। कोडिंग और तकनीकीता के बिना ऐसा करने का एक आसान तरीका है।
आपकी वेबसाइट में बहुत सारे अप्रयुक्त CSS और JS होने से आपकी वेबसाइट का लोड समय खराब हो सकता है। यदि आप अपनी वेबसाइट a . के माध्यम से चलाते हैं गति परीक्षण उपकरण जैसे गूगल पेजस्पीड इनसाइट, आपको अप्रयुक्त सीएसएस को हटाने की चेतावनी मिल सकती है।
शुक्र है, ऐसा करने का एक बहुत ही आसान तरीका है। अपनी वर्डप्रेस साइट से अप्रयुक्त सीएसएस और जेएस को हटाने में सक्षम होने के लिए आपको किसी विशेष तकनीकी ज्ञान की आवश्यकता नहीं है।
इसका कारण एक अद्भुत बात है लगाना जाना जाता है एसेट क्लीनअप: पेज स्पीड बूस्टर. इस प्लगइन के साथ अप्रयुक्त सीएसएस को हटाना कुछ बटन क्लिक करने जितना आसान है। वैकल्पिक रूप से, अगर आपको साल में कुछ रुपये खर्च करने का मन नहीं है, तो WP Rocket, एक अप्रयुक्त सीएसएस बटन हटा दिया गया है, बस इसे सक्रिय करें और प्लगइन सभी अप्रयुक्त सीएसएस को स्वचालित रूप से हटा देगा।
चेकआउट: शीर्ष 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 Rocket नंबर एक वर्डप्रेस प्रीमियम प्रदर्शन प्लगइन है। यदि आप एक नोब हैं, मेरा मतलब है कि यदि आप वर्डप्रेस के साथ अनुभवी या सहज नहीं हैं, तो WP रॉकेट अप्रयुक्त सीएसएस को हटाने का सबसे आसान तरीका है।
आपको प्लगइन खरीदने की आवश्यकता है, एक बार जब आप ऐसा कर लेते हैं, तो आप इसे अपने खाते से डाउनलोड कर सकते हैं या अपनी जांच कर सकते हैं ईमेल डाउनलोड लिंक के लिए.
डैशबोर्ड> प्लगइन्स> नया जोड़ें> अपलोड के माध्यम से प्लगइन स्थापित करें।
बस WP Rocket सेटिंग्स पर जाएँ और फिर “फ़ाइल ऑप्टिमाइज़ेशन” टैब पर क्लिक करें। फिर नीचे स्क्रॉल करें और आपको “अप्रयुक्त CSS हटाएँ” दिखाई देगा, बॉक्स पर टिक करें, सहेजें और कैश साफ़ करें।
3। Perfmatters
Perfmatters ब्रायन जैक्सन और उनके भाई ब्रेट जैक्सन द्वारा विकसित एक प्रीमियम प्लगइन है। यह प्लगइन अप्रयुक्त सीएसएस को बहुत आसानी से हटाने में मदद कर सकता है।
सबसे पहले, आपको प्लगइन खरीदना होगा। फिर इसे स्थापित करें। लाइसेंस सक्रिय करें। जब आप सेटिंग में नेविगेट करते हैं, तो स्क्रिप्ट मैनेजर चालू करें।
बस अपनी वेबसाइट पर किसी भी पेज या पोस्ट पर जाएं, आपको डैशबोर्ड मेनू पर स्क्रिप्ट मैनेजर आइकन दिखाई देगा, उस पर क्लिक करें। आप अप्रयुक्त CSS और JS को पृष्ठ से या विश्व स्तर पर निकालने में सक्षम होंगे।
यह प्लगइन एक प्रदर्शन प्लगइन है, वर्डप्रेस को गति देने के लिए कई अन्य विकल्पों के साथ आता है। अप्रयुक्त CSS/JS को हटाना इसका एक हिस्सा है।
4. सीएसएस जेएस प्रबंधक
सीएसएस जेएस प्रबंधक विशेष रूप से मोबाइल या डेस्कटॉप से CSS या JS को हटा सकते हैं। आप जो हासिल करना चाहते हैं उसके आधार पर।
यह प्लगइन सीएसएस या जेएस फाइलों की लोडिंग को भी टाल सकता है।
निष्कर्ष
यदि आपके पास बहुत सारे अप्रयुक्त CSS और JS हैं, तो आप गति और प्रदर्शन स्कोर में एक बड़ा सुधार देखेंगे।
सभी अप्रयुक्त सीएसएस को हटाना असंभव हो सकता है लेकिन आप उन्हें कम से कम ला सकते हैं। अप्रयुक्त सीएसएस को हटाने के लिए मैं एसेट क्लीनअप का उपयोग करता हूं लक्ष्य प्रवृत्ति.
याद रखें, ऑप्टिमाइज़ करें, लेकिन इसके प्रति बहुत अधिक जुनूनी न हों, जब तक कि आप अपनी साइट को ऐसा नहीं देखना चाहते दुनिया की सबसे तेज वेबसाइट.
यह भी पढ़ें:
वर्डप्रेस में रेंडर-ब्लॉकिंग रिसोर्सेज को कैसे खत्म करें
