वर्डप्रेस में रेंडर-ब्लॉकिंग रिसोर्सेज को कैसे खत्म करें (बहुत आसान)
उपवास रखना ब्लॉग आपकी वेबसाइट बहुत महत्वपूर्ण है। यदि आप उच्च रैंक चाहते हैं तो यह महत्वपूर्ण है खोज इंजनयदि आपकी वेबसाइट बहुत धीमी है, तो यह निश्चित रूप से आपके व्यवसाय को नुकसान पहुंचाएगी। एसईओ.
साथ ही, एक धीमी वेबसाइट बाउंस दर को उच्च बना सकती है, जो तकनीकी रूप से आपके ब्रांड को कई तरह से नुकसान पहुंचाएगी। एक धीमी वेबसाइट आय और रूपांतरण को प्रभावित कर सकती है।
अधिकांश उपयोगकर्ता अधीर हैं, यदि आपकी साइट को लोड होने में बहुत अधिक समय लगता है, तो वे इसे छोड़ देंगे और एक तेज़ विकल्प की ओर बढ़ेंगे। यह एक संभावित ग्राहक या राजस्व बूस्टर चला गया है।
यदि आप अपनी वेबसाइट को गति देने का प्रयास कर रहे हैं और आप Google जैसे परीक्षण उपकरण का उपयोग करते हैं पेजस्पीड इनसाइट, एक चेतावनी जो आपको मिल सकती है, वह है रेंडर-ब्लॉकिंग संसाधनों को समाप्त करना।
इस लेख में, आप सीखेंगे कि रेंडर-ब्लॉकिंग संसाधनों को आसानी से कैसे समाप्त किया जाए।
रेंडर-ब्लॉकिंग रिसोर्स क्या हैं?
रेंडर-ब्लॉकिंग संसाधन सीएसएस और जावास्क्रिप्ट हैं जो वेबसाइट के लोड समय को धीमा कर देते हैं क्योंकि पेज सामग्री को प्रस्तुत करने से पहले इसे वेब ब्राउज़र द्वारा डाउनलोड किया जाना है।
जब कोई विज़िटर किसी वेबसाइट को एक्सेस करने का प्रयास करता है, तो ब्राउज़र तुरंत ऊपर से नीचे तक वेबसाइट को पढ़ना शुरू कर देता है। यदि कोई सीएसएस या जावास्क्रिप्ट है, तो ब्राउज़र तब तक पढ़ना बंद कर देगा जब तक कि वह फाइलों को डाउनलोड और संसाधित नहीं कर लेता। इससे पहले कि ब्राउज़र तह के ऊपर की सामग्री को प्रस्तुत कर सके, उसे सीएसएस या जावास्क्रिप्ट फ़ाइलों को डाउनलोड करना होगा।
प्लगइन्स या आपके द्वारा इंस्टॉल की गई थीम में कुछ CSS और JS जोड़े जा सकते हैं। कुछ को पहले लोड करने की आवश्यकता नहीं है, वे बाद में लोड हो सकते हैं। लेकिन क्योंकि वे शीर्ष पर हैं, वे आपकी वेबसाइट को धीमा कर देते हैं।
तो "रेंडर-अवरुद्ध संसाधनों को समाप्त करें" से Google का क्या अर्थ है कि आप अपनी वेबसाइट के शीर्ष से अनावश्यक संसाधनों को हटा दें क्योंकि यह वेबसाइट सामग्री की लोडिंग को धीमा कर देता है।
रेंडर-ब्लॉकिंग संसाधनों को कैसे खोजें
इससे पहले कि आप रेंडर-ब्लॉकिंग समस्या को हल कर सकें, आपको यह जानना होगा कि यह कहां से आ रहा है। आप परीक्षण चलाकर पता लगा सकते हैं कि कौन से संसाधन रेंडर-ब्लॉक कर रहे हैं गूगल पेजस्पीड इनसाइट or वेब.माप.
रेंडर ब्लॉक करने वाले संसाधनों को खोजने के लिए आप नीचे दिए गए चरणों का पालन कर सकते हैं:
1। पर जाएँ गूगल पेजस्पीड इनसाइट
2. अपनी वेबसाइट का पता दर्ज करें और विश्लेषण पर क्लिक करें
3. नीचे स्क्रॉल करें और रेंडर-ब्लॉकिंग रिसोर्स चेतावनी को खत्म करने के लिए देखें।
इसे मोबाइल और डेस्कटॉप दोनों टैप में चेक करें।
के लिए ब्लॉगिंगटूल्स, हमारे पास डेस्कटॉप के लिए रेंडर-ब्लॉकिंग समस्या नहीं है, लेकिन हमारे पास मोबाइल के लिए है। तो इसके लिए हम Mobile का इस्तेमाल करेंगे जैसा कि आप नीचे देख सकते हैं।
मोबाइल के लिए जैसा कि आप ऊपर देख सकते हैं, हमारे पास 2 रेंडर ब्लॉकिंग मुद्दे हैं। 93 के स्कोर के साथ। स्कोर अधिक था, लेकिन इस पोस्ट के लिए, मुझे ऑटोप्टीमाइज़ प्लगइन को निष्क्रिय करना पड़ा।
BloggingTools.org ने बिना किसी अनुकूलन के यह स्कोर हासिल किया क्योंकि हम एक बहुत तेज़ और हल्की थीम का उपयोग कर रहे हैं जिसे . कहा जाता है GeneratePress. हम एक बहुत तेज़ वेब होस्ट पर भी होस्ट कर रहे हैं जिसे के नाम से जाना जाता है Cloudways.
नोट: आपको पेजस्पीड इनसाइट स्कोर पर 100 प्राप्त करने के लिए जुनूनी नहीं होना चाहिए। यह केवल एक मार्गदर्शक है। आमतौर पर 65 से 80 का औसत स्कोर ज्यादातर लोगों के लिए ठीक होता है। आपके व्यवसाय के लिए आवश्यक फ़ाइलें न निकालें।
वर्डप्रेस के बारे में अच्छी बात यह है कि आपको सब कुछ मैन्युअल रूप से करने की आवश्यकता नहीं है। मदद करने के लिए कुछ अच्छी तरह से कोडित प्लगइन्स हैं।
वर्डप्रेस में रेंडर-ब्लॉकिंग रिसोर्स इश्यू को कैसे ठीक करें?
रेंडर-ब्लॉकिंग रिसोर्स समस्या को खत्म करने के लिए इन चरणों का पालन करें:
1. ऑटोऑप्टिमाइज़ को स्थापित और सक्रिय करें
कई वर्डप्रेस प्लगइन्स हैं जो ऐसा कर सकते हैं जैसे कि W3 कुल कैश, WP रॉकेट और इसी तरह। लेकिन कई वेबसाइटों के साथ मेरे अनुभव से, Autooptimize हमेशा इसे उनमें से किसी से भी बेहतर तरीके से संभालता है। कमाल की बात यह है कि ऑटोप्टीमाइज लगभग सभी वर्डप्रेस कैशिंग प्लगइन के साथ संगत है और यह मुफ़्त है।
वर्डप्रेस प्लगइन निर्देशिका पर जाएं ऑटोऑप्टिमाइज़ को स्थापित और सक्रिय करें
2. ऑटो ऑप्टिमाइज़ सेटिंग पर जाएँ
यदि आपको कभी भी ऑटो-ऑप्टिमाइज़ सेटिंग्स को खोजने की आवश्यकता है, तो अपने वर्डप्रेस डैशबोर्ड पर सेटिंग्स पर क्लिक करें और फिर ऑटोप्टीमाइज़ पर क्लिक करें।
3. जावास्क्रिप्ट को ऑप्टिमाइज़ करें
JavaScript विकल्पों के अंतर्गत, ऑप्टिमाइज़ स्क्रिप्ट कोड चुनें और कुल JS-फ़ाइलें भी चुनें। आप मेरे द्वारा BloggingTools के लिए उपयोग की जा रही सेटिंग्स को नीचे देख सकते हैं।
4. सीएसएस ऑप्टिमाइज़ करें
ऑप्टिमाइज़ CSS विकल्पों के तहत ऑप्टिमाइज़ CSS कोड चुनें। कुल सीएसएस-फाइलें और "इनलाइन सीएसएस भी एकत्र करें" का चयन करें। नीचे दिए गए विकल्प देखें जिनका उपयोग मैं BloggingTools के लिए कर रहा हूँ।
5. HTML को ऑप्टिमाइज़ करें
यदि आप बेहतर प्रदर्शन चाहते हैं, तो आप HTML को ऑप्टिमाइज़ करने के लिए Autoptimize का भी उपयोग कर सकते हैं। HTML विकल्प के तहत, HTML कोड को ऑप्टिमाइज़ करें चुनें। आप मेरे द्वारा BloggingTools के लिए उपयोग की जा रही सेटिंग को नीचे देख सकते हैं।
6. विविध विकल्पों की जाँच करें
आप विविध विकल्पों की जांच कर सकते हैं और कुछ सेटिंग्स को बदल सकते हैं क्योंकि यह आपके लिए काम करता है। आप नीचे BloggingTools की सेटिंग पा सकते हैं।
7. कैश को सेव और खाली करें।
इसके बाद, बस सहेजें और खाली कैश पर क्लिक करें। बस इतना ही!
इतना सब हो जाने के बाद आप Google PageSpeed Insight पर अपनी साइट को दोबारा चेक कर सकते हैं। BloggingTools के लिए, ऐसा करने के तुरंत बाद, हमारा स्कोर 95 तक पहुंच जाता है और सभी रेंडर-ब्लॉकिंग रिसोर्स चेतावनी पूरी तरह से गायब हो जाती है। नीचे देखें।
कृपया ध्यान दें कि आपके पास कितने रेंडर-ब्लॉकिंग संसाधन हैं और वे आपकी साइट के लिए कितने महत्वपूर्ण हैं, इस पर निर्भर करते हुए, उनमें से कुछ ही रह सकते हैं। उन्हें हटाने की कोशिश न करें।
यदि आप और अधिक समाप्त करना चाहते हैं, तो आप उपयोग कर सकते हैं Async जावास्क्रिप्ट, एक ही लेखक द्वारा ऑटोप्टीमाइज़ के रूप में एक प्लगइन। वे साथ साथ काम करते हैं। मैं इसकी अनुशंसा नहीं करता क्योंकि यह आपकी साइट को तोड़ सकता है। अकेले अनुकूलन करना ठीक है!
निष्कर्ष
गति महत्वपूर्ण है और रेंडर-अवरुद्ध संसाधनों को समाप्त करने से आपकी वेबसाइट को तेजी से लोड करने में मदद मिल सकती है और आपकी साइट को गति परीक्षण टूल पर बेहतर स्कोर मिल सकता है। लेकिन आपको कभी भी इन अंकों के प्रति जुनूनी नहीं होना चाहिए क्योंकि ये केवल मार्गदर्शन करने के लिए हैं।
अगर इसके बाद भी आपकी वेबसाइट बहुत धीमी है। तीन सबसे संभावित समस्या यह हो सकती है कि आपकी थीम या आपका वेब होस्ट खराब है, या आपके पास खराब प्लगइन्स स्थापित हैं। मेरा सुझाव है कॉडवे सर्वश्रेष्ठ वेब होस्ट के रूप में और GeneratePress सर्वश्रेष्ठ विषय के रूप में। यदि आप एक नौसिखिया हैं, Bluehost संभाल सकते हैं लेकिन अगर आप इसे वहन कर सकते हैं, तो Cloudways सबसे अच्छा है। आप मुफ्त में शुरू कर सकते हैं। मैं TargetTrend के लिए GeneratePress और Coudways का उपयोग करता हूं
यह भी पढ़ें:
वर्डप्रेस को बहुत तेज कैसे बनाये