Google पेजस्पेड को ठीक करें, ऊपर-द-गुना सामग्री में रेंडर-अवरुद्ध जावास्क्रिप्ट और सीएसएस को हटा दें

Google पेजस्पेड [1] परीक्षण उपरोक्त सामग्री में रेंडर-अवरुद्ध जावास्क्रिप्ट और सीएसएस को हटाएं एचटीएमएल पूरी तरह से लोड होने के बाद आपको अपनी साइट के जेएस और सीएसएस फाइलों को डिलीवर करने का प्रस्ताव करता है - और इसलिए, अपने एचटीएमएल लोडिंग को रोकें उन्हें डाउनलोड करने के लिए।


जावास्क्रिप्ट और सीएसएस अवरुद्ध रेंडर को हल करें

Google पेजस्पेड [1] परीक्षण उपरोक्त सामग्री में रेंडर-अवरुद्ध जावास्क्रिप्ट और सीएसएस को हटाएं एचटीएमएल पूरी तरह से लोड होने के बाद आपको अपनी साइट के जेएस और सीएसएस फाइलों को डिलीवर करने का प्रस्ताव करता है - और इसलिए, अपने एचटीएमएल लोडिंग को रोकें उन्हें डाउनलोड करने के लिए।

[१] - पेजस्पीड इनसाइट्स - Developers.google.com
रेंडर-ब्लॉकिंग स्क्रिप्ट परिभाषा: लिपियों को पूर्ण HTML DOM से पहले लोड किया गया है। उदाहरण के लिए, HTML पेंट के बाद स्क्रिप्ट लोड में देरी के लिए किसी भी विशिष्ट निर्देश के बिना हेडर या कंटेंट में शामिल स्क्रिप्ट।

उपरोक्त सामग्री में जावास्क्रिप्ट और सीएसएस को रेंडर-ब्लॉकिंग को हटा दें: इसे ठीक करने का तरीका दिखाएं

  1. एक बाहरी सिस्टम आपके लिए आपकी वेबसाइट का अनुकूलन करें
  2. एक सीडीएन का उपयोग करें जो आपकी ओर से सभी संभावित अनुकूलन करेगा, जिसमें रेंडर-ब्लॉकिंग संसाधनों को खत्म करने के लिए आवश्यक तीन निम्नलिखित अनुकूलन शामिल हैं:
  3. जावास्क्रिप्ट जावास्क्रिप्ट फ़ाइलें लोड
  4. HTML लोड के बाद CSS लोड करें
  5. वर्डप्रेस प्लगइन का उपयोग करें

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

Htaccess कोड में रेंडर-ब्लॉकिंग संसाधनों को समाप्त करने के लिए कोई मौजूदा समाधान नहीं है क्योंकि समस्या DOM से संबंधित है, जिसका अर्थ है वेबसाइट की सामग्री, और जिस क्रम में शामिल संसाधन लोड किए गए हैं, जैसे जावास्क्रिप्ट और CSS, लेकिन न केवल। इन्हें Htaccess में ट्रिगर नहीं किया जा सकता है, लेकिन केवल HTML DOM कंटेंट में।

यदि आप डेस्कटॉप के लिए इन मुद्दों को हल करते हैं, तो आप एक ही समय में मोबाइल के लिए रेंडर-ब्लॉकिंग संसाधनों को समाप्त कर देंगे क्योंकि दोनों बिल्कुल समान हैं!

Did you know that you can even have all these steps executed automatically for you by using an external  साइट गति त्वरक   technology, which through artificial intelligence will preload your site, optimize it, and deliver it to your visitors? It is possible with tools such as Ezoic platform offering, with a free trial and no credit card required. Otherwise, implement below optimizations in your website!

जावास्क्रिप्ट जावास्क्रिप्ट फ़ाइलें लोड

अपनी जेएस फाइलों के लोड को रोकने के लिए [2], आप या तो अपनी स्क्रिप्ट लिंक पर एसिंक या डिफियर निर्देश जोड़ सकते हैं। Async गारंटी नहीं देगा कि वे एक ही अनुक्रम में लोड हो गए हैं - इसलिए, यदि आपके पास कई स्क्रिप्ट हैं जो एक के बाद एक को चलाना चाहिए, तो अनुक्रम अनुक्रम की गारंटी के लिए बेहतर है:

[२] - रेंडर-ब्लॉकिंग जावास्क्रिप्ट को हटा दें | पेजस्पीड इनसाइट्स | अच्छे डेवलपर्स - Developers.google.com

HTML लोड के बाद CSS लोड करें

पूर्ण एचटीएमएल संचरित होने के बाद सीएसएस को लोड करने के लिए, Google आपके एचटीएमएल के अंत में जोड़ने के लिए कोड का यह टुकड़ा प्रस्तावित करता है, उदाहरण के लिए पाद लेख बंद करने के बाद और बॉडी क्लोजिंग टैग से पहले:

[३] - CSS डिलिवरी को ऑप्टिमाइज़ करें | पेजस्पीड इनसाइट्स | अच्छे डेवलपर्स - Developers.google.com

अपनी वेबसाइट को अनुकूलित करने के लिए, अप्रयुक्त सीएसएस कोड को हटाने के लिए भी एक अच्छा विचार है, एक ऑपरेशन जो कठिन हो सकता है यदि आपके पास वेब डिज़ाइन में ज्ञान नहीं है। यदि आपने अपनी वेबसाइट थीम स्वयं नहीं बनाई है, तो यह आपकी ओर से आपके पृष्ठों पर अप्रयुक्त सीएसएस कोड को हटाने के लिए बाहरी सिस्टम का उपयोग करना बुद्धिमान हो सकता है, जैसे कि ezoic छलांग उदाहरण के लिए, उनकी अद्भुत साइट का नया (और पूरी तरह से मुक्त) संस्करण गति त्वरक।

Google साइट की गति परीक्षण पास करें!

इसने मुझे Google पेजस्पेड [1] परीक्षा पास करने की इजाजत दी, वेबसाइट पर 51 के स्कोर से ऊपर जाकर, वेबसाइट पर उपरोक्त सामग्री (लीवरेज ब्राउज़र कैशिंग [4] के साथ) में रेंडर-अवरुद्ध जावास्क्रिप्ट और सीएसएस को हटा दें। चित्र 1) 72 (चित्र 2), और 59 (चित्र 3) से डेस्कटॉप पर (चित्र 4) तक।

[४] - htaccess में Google PageSpeed ​​लीवरेज ब्राउज़र कैशिंग को ठीक करें - Yoann Bierling, International SAP / Web Consultant - www.ybierling.com

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

वर्डप्रेस में रेंडर-ब्लॉकिंग रिसोर्स को खत्म करने के लिए, JetPack जैसे प्लगइन को इंस्टॉल करना आवश्यक है।

फिर, विकल्पों पर जाएं, जिसके लिए आपको एक व्यवस्थापक होना चाहिए, और JetPack विकल्पों पर जाएं> लेखन> प्रदर्शन और गति> चेक साइट त्वरक सक्षम करें, छवि लोड समय को गति दें, स्थिर फ़ाइल लोड समय को गति दें, और इसके लिए आलसी लोडिंग सक्षम करें। इमेजिस।

मास्टर वेबसाइट निर्माण: अब नामांकन!

हमारी व्यापक वेबसाइट निर्माण पाठ्यक्रम के साथ अपनी डिजिटल उपस्थिति को बदलें - आज एक वेब विशेषज्ञ बनने के लिए अपनी यात्रा शुरू करें!

यहां दाखिला लें

हमारी व्यापक वेबसाइट निर्माण पाठ्यक्रम के साथ अपनी डिजिटल उपस्थिति को बदलें - आज एक वेब विशेषज्ञ बनने के लिए अपनी यात्रा शुरू करें!

यह वर्डप्रेस में रेंडर-ब्लॉकिंग संसाधनों को खत्म कर देगा और जेटपैक को आपकी छवियों को अनुकूलित करने और सर्वरों के वैश्विक नेटवर्क से आपकी छवियों और स्थिर फाइलों (जैसे सीएसएस और जावास्क्रिप्ट) की अनुमति देकर पृष्ठों को तेजी से लोड करेगा।

वर्डप्रेस पर जावास्क्रिप्ट और सीएसएस को रेंडर-ब्लॉक करना कैसे समाप्त करें

साथ ही, आलसी लोड फ़ंक्शन का उपयोग करके लोडिंग छवियों को बंद करने के लिए न भूलें। हालांकि यह मुश्किल लग रहा था और बाहरी लाइब्रेरी को लोडिंग छवियों को बंद करने के लिए ऑफ़-स्क्रीन को स्थगित करने के लिए, अब एचटीएमएल 5 में मूल रूप से संभव है!

छवियों की आलसी लोडिंग: वेबसाइट छवियों को केवल सर्वर से अनुरोध किया जाता है जब उपयोगकर्ता वेबपृष्ठ पर स्क्रॉल करते हैं और उन्हें प्रदर्शित कर सकते हैं

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

<img src=”SRC” alt=”ALT” loading=”lazy”></img>
आलसी लोडिंग - वेब प्रदर्शन - मोज़िला डेवलपर नेटवर्क

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

एक बार प्रतिपादन अवरुद्ध संसाधनों में मुख्य सामग्री के बाद लोड करने के निर्देश होंगे, जिसका अर्थ है कि एचटीएमएल डोम, आप पहले से ही Google लाइटहाउस परीक्षण, पेज स्पीड अंतर्दृष्टि परीक्षण, या Google कोर वेब राजधानियों पर बहुत से अंक अर्जित करेंगे।

एक बाहरी सिस्टम आपके लिए आपकी वेबसाइट का अनुकूलन करें

क्या आप जानते हैं कि आप वास्तव में आपकी साइट से बहुत सारे  Google पेजस्पीड   मुद्दों को हल कर सकते हैं, आपकी साइट से बहुत प्रयास किए बिना - नि: शुल्क परीक्षण के लिए पंजीकरण करने और अपने DNS को बदलने के अलावा?

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

अप्रैल 2021 में, ईज़ोइक पेड साइट स्पीड एक्सेलेरेटर मुफ्त ईज़ोइक लीप बन जाएगा, और बिना किसी शुल्क के कोर वेब विटाल्स ग्रीन स्कोर तक पहुंचने वाली वेबसाइटों की सहायता करें!

बस एज़ोइक प्लेटफ़ॉर्म पर एक नि: शुल्क परीक्षण के लिए पंजीकरण करके हरे रंग का बनें और इसे अपने लिए आज़माएं - वे आपकी वेबसाइट को कुछ दिनों के भीतर पृष्ठ गति अनुकूलन के उच्चतम मानकों तक पहुंचाएंगे: अगली पीढ़ी की वेब छवियां प्रस्तुत करें, अप्रयुक्त सीएसएस को हटाकर सीएसएस और जावास्क्रिप्ट का अनुकूलन करें। और जेएस, आलसी लोड छवियों, छवियों का आकार, अपने साइट पृष्ठों को कैश करें, फोंट का अनुकूलन करें, अपने सभी शामिल साइटों से पूर्व-कनेक्ट करें, और बहुत कुछ।

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

अक्सर पूछे जाने वाले प्रश्न

ऊपर-गुंडों की सामग्री में रेंडर-ब्लॉकिंग जावास्क्रिप्ट और सीएसएस को कैसे समाप्त करें?
ऊपर-द-गुना सामग्री के लिए रेंडर-ब्लॉकिंग जावास्क्रिप्ट और सीएसएस को खत्म करने के लिए, आपको यह सुनिश्चित करना चाहिए कि एचटीएमएल के पूरी तरह से लोड होने के बाद अपनी साइट की जेएस और सीएसएस फाइलें लोड की जाती हैं। इसका मतलब है कि इन फ़ाइलों को डाउनलोड करने के लिए HTML लोडिंग प्रक्रिया को रोकना नहीं। आप Async या Defer विशेषता के साथ जावास्क्रिप्ट फ़ाइलों को स्थगित कर सकते हैं, और CSS के लिए, आप HTML के बाद इसे लोड करने के लिए विशिष्ट कोड का उपयोग कर सकते हैं। एक बाहरी अनुकूलन प्रणाली जैसे Ezoic भी इसे स्वचालित रूप से संभाल सकते हैं।
वेब डेवलपर्स रेंडर-ब्लॉकिंग जावास्क्रिप्ट और सीएसएस को खत्म करने के लिए Google पेजस्पीड की सिफारिश को कैसे संबोधित कर सकते हैं?
वेब डेवलपर जावास्क्रिप्ट और सीएसएस फ़ाइलों को कम करके, जावास्क्रिप्ट के लिए एसिंक्रोनस लोडिंग का उपयोग करके अपनी साइट का अनुकूलन कर सकते हैं, सीधे एचटीएमएल में महत्वपूर्ण सीएसएस को जकड़े हुए, और गैर-महत्वपूर्ण सीएसएस और जावास्क्रिप्ट फ़ाइलों के लोडिंग को स्थगित कर सकते हैं। इन रणनीतियों को लागू करने से लोडिंग समय और पेजस्पीड स्कोर में काफी सुधार हो सकता है।

बिल्कुल सही क्रोम लाइटहाउस स्कोर: क्या होता है?


Yoann Bierling
लेखक के बारे में - Yoann Bierling
योन बायरलिंग एक वेब प्रकाशन और डिजिटल परामर्श पेशेवर है, जो प्रौद्योगिकियों में विशेषज्ञता और नवाचार के माध्यम से एक वैश्विक प्रभाव बनाता है। डिजिटल युग में पनपने के लिए व्यक्तियों और संगठनों को सशक्त बनाने के बारे में भावुक, उन्हें असाधारण परिणाम देने और शैक्षिक सामग्री निर्माण के माध्यम से विकास को बढ़ाने के लिए प्रेरित किया जाता है।

मास्टर वेबसाइट निर्माण: अब नामांकन!

हमारी व्यापक वेबसाइट निर्माण पाठ्यक्रम के साथ अपनी डिजिटल उपस्थिति को बदलें - आज एक वेब विशेषज्ञ बनने के लिए अपनी यात्रा शुरू करें!

यहां दाखिला लें

हमारी व्यापक वेबसाइट निर्माण पाठ्यक्रम के साथ अपनी डिजिटल उपस्थिति को बदलें - आज एक वेब विशेषज्ञ बनने के लिए अपनी यात्रा शुरू करें!




टिप्पणियाँ (8)

 2018-08-19 -  quranapk
अपने कंटेंट को पढ़ते हुए प्यार पोस्ट करते रहें - इससे मुझे CSS को ब्लॉक करने के लिए फिक्स फिक्स करने में मदद मिली
 2018-09-23 -  Monica
तो यह है कि हम यह कैसे करते हैं, यह जानना बहुत अच्छा है कि रेंडर-ब्लॉकिंग संसाधनों को कैसे खत्म किया जाए
 2018-09-25 -  Van
महान, यह वही है जो मैं देख रहा था, अब मैं मोबाइल पर रेंडर-ब्लॉकिंग संसाधनों को समाप्त करने के लिए तैयार हूं
 2018-11-03 -  utumikaji0
कमाल है, अब मेरे लिए यह कोशिश करने और रेंडर-ब्लॉकिंग संसाधनों को खत्म करने का समय है!
 2019-01-12 -  Leo
पता नहीं है कि आपको कैसे धन्यवाद दिया जाए, लेकिन यह शुद्ध प्रतिभा है, धन्यवाद - इसने वर्डप्रेस पर काम करते हुए ब्लॉकिंग संसाधनों को हटाने का काम किया
 2019-04-21 -  Ludanulema
नमस्ते, मैंने आपका लेख देखा और इससे मुझे PHP पर रेंडर-ब्लॉकिंग संसाधनों को खत्म करने में समस्या को हल करने में मदद मिली, धन्यवाद
 2019-06-12 -  animeg2Q
मैं इसे अभी कोशिश करूँगा, इस रेंडर-ब्लॉकिंग रिसोर्स फिक्स को शेयर करने के लिए धन्यवाद
 2019-07-02 -  Gasfackele
यह मेरे लिए अच्छी तरह से काम करता है, HTML वेबसाइट में रेंडर-ब्लॉकिंग संसाधनों को खत्म करने के लिए किसी और को देखने की आवश्यकता नहीं है

एक टिप्पणी छोड़ें