लेख निर्देशिका
WordPressपेज रेंडरिंग विधियों को तेज करने के लिए जावास्क्रिप्ट की आलसी लोडिंग।
जावास्क्रिप्ट की Defer संपत्ति क्या है?
सभी ने शायद इस स्थिति का सामना किया है:
सिर में एन स्क्रिप्ट होती हैं, और जब स्क्रिप्ट लोड होती हैं, तो पेज रेंडरिंग ब्लॉक हो जाती है, जो आमतौर पर खाली होती है।
बेशक, हम स्क्रिप्ट को स्रोत कोड में पाद लेख में डालकर इसे प्राप्त कर सकते हैं।
हालाँकि, कुछ जटिल विकास वातावरण इस सरल कार्य को विशेष रूप से जटिल बना सकते हैं।
इस बिंदु पर हम Defer संपत्ति का उपयोग कर सकते हैं, जो जावास्क्रिप्ट में अपेक्षाकृत दुर्लभ संपत्ति है।
आप शायद कभी इसका इस्तेमाल न करें, लेकिन इस परिचय को पढ़ने के बाद, मुझे यकीन है कि आप इसे नहीं छोड़ेंगे।
इसका मुख्य कार्य स्क्रिप्ट को लोड पर पार्स करने के बजाय पूरे पृष्ठ को लोड होने के बाद पार्स करने देना है, जो स्क्रिप्ट के लिए पूर्ण पृष्ठ लोड गति प्रदान करता है जिसमें केवल ईवेंट-ट्रिगर जावास्क्रिप्ट होता है।
हां, यदि स्क्रिप्ट टैग में defer विशेषता है, तो इसे HTML पृष्ठ को पार्स करने के बाद निष्पादित किया जाएगा, भले ही इसे शीर्ष पर रखा गया हो, जो पृष्ठ के निचले भाग में स्क्रिप्ट डालने के समान है।
बेशक, देरी का उपयोग भी सीमित है, आमतौर पर 2 बिंदुओं पर ध्यान दें:
1) आस्थगित आस्थगित प्रकार के स्क्रिप्ट ब्लॉक में document.write कमांड को कॉल न करें;
- क्योंकि document.write प्रत्यक्ष उत्पादन प्रभाव उत्पन्न करेगा।
2) किसी भी तत्काल निष्पादन स्क्रिप्ट सहित, डेफ़र स्क्रिप्ट में वैश्विक चर या फ़ंक्शन का उपयोग न करें।
WordPress में उपयोग की जाने वाली स्क्रिप्ट में Defer विशेषता जोड़ें
वर्डप्रेस में, हम वर्डप्रेस द्वारा उपयोग की जाने वाली स्क्रिप्ट में स्वचालित रूप से Defer विशेषता कैसे जोड़ सकते हैं?
हम निम्नलिखित कोड को वर्तमान विषय के functions.php फ़ाइल में जोड़ सकते हैं
add_filter( 'clean_url', 'wpcwl_defer_script',11,1); function wpcwl_defer_script( $url ){ if(strpos($url, '.js') === false){ return $url; } return "$url' defer='defer"; };
- उपरोक्त कोड केवल के अनुसार काम करता हैवर्डप्रेस द्वारा पेश किया गया जावास्क्रिप्ट कोडप्रभावी होगा।
注意 事项
लाइव पूर्वावलोकन प्रबंधन रिक्त प्रदर्शित कर सकता है:
यदि आप उपरोक्त कोड का उपयोग करते हैं, जब आप रीयल-टाइम पूर्वावलोकन प्रबंधन (प्रकटन → कस्टमाइज़) खोलते हैं, तो यह रिक्त प्रदर्शित हो सकता है, इसलिए कृपया इसे उपयुक्त के रूप में उपयोग करें।
जब रीयल-टाइम पूर्वावलोकन प्रबंधन की आवश्यकता हो, तो उपरोक्त कोड पर टिप्पणी करें, और अनुकूलन पूर्ण होने के बाद टिप्पणी किए गए कोड को हटा दें।
PHP टिप्पणी कोड उदाहरण:
/* 这里是代码 */
होप चेन वेइलियांग ब्लॉग ( https://www.chenweiliang.com/ ) ने साझा किया "पेज रेंडरिंग को तेज करने के लिए वर्डप्रेस को आलसी लोड जावास्क्रिप्ट कैसे बनाया जाए? , आपकी मदद के लिए।
इस लेख का लिंक साझा करने के लिए आपका स्वागत है:https://www.chenweiliang.com/cwl-954.html
नवीनतम अपडेट प्राप्त करने के लिए चेन वेइलियांग के ब्लॉग के टेलीग्राम चैनल में आपका स्वागत है!
📚 इस गाइड में बहुत महत्व है, 🌟यह एक दुर्लभ अवसर है, इसे न चूकें! ⏰⌛💨
अच्छा लगे तो शेयर और लाइक करें!
आपका साझा करना और पसंद करना हमारी निरंतर प्रेरणा है!