कैसे वर्डप्रेस में नीचे या पाद लेख में जावा संलयन को स्थानांतरित करें

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

नीचे जावा स्क्रिप्ट को स्थानांतरित करने के लाभ

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

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

वर्डप्रेस में लिपियों को जोड़ने का उचित तरीका

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

आपको एक बुनियादी उदाहरण दिखाने के लिए, हम एक वर्डप्रेस थीम में थोड़ा जावास्क्रिप्ट जोड़ देंगे। अपनी जावास्क्रिप्ट को एक में सहेजें .js फ़ाइल और उस जगह .js अपने विषय में फाइल करें js निर्देशिका। यदि आपके विषय में जावा स्क्रिप्ट के लिए निर्देशिका नहीं है, तो एक बनाएं अपनी स्क्रिप्ट फाइल रखने के बाद, अपनी थीम को संपादित करें functions.php फ़ाइल और इस कोड को जोड़ें:

फ़ंक्शन wpb_adding_scripts () {
 wp_register_script ('my-amazing-script', get_template_directory_uri ()। '/js/my-amazing-script.js',' ',' 1.1 ', सच);
 wp_enqueue_script ( 'मेरा-अद्भुत स्क्रिप्ट');
 }
 add_action ('wp_enqueue_scripts', 'wpb_adding_scripts'); 

इस कोड में, हमने wp_register_script () फ़ंक्शन का उपयोग किया है। इस फ़ंक्शन में निम्नलिखित पैरामीटर हैं:

किसी वर्डप्रेस पृष्ठ के पाद लेख या नीचे स्क्रिप्ट को जोड़ने के लिए, आपको बस इतना करना होगा कि वह सेट कर दिया गया है $ in_footer पैरामीटर के लिए सच ।

हमने एक और फ़ंक्शन भी इस्तेमाल किया है get_template_directory_uri () जो टेम्पलेट निर्देशिका के लिए यूआरएल देता है। वर्डप्रेस विषयों में लिपियों और शैलियों को एन्यूकेइंग और पंजीकरण करने के लिए इस फ़ंक्शन का इस्तेमाल किया जाना चाहिए। प्लगइन्स के लिए हम उपयोग करेंगे plugins_url () समारोह।

समस्या:

समस्या यह है कि कुछ बार वर्डप्रेस प्लगइन्स अपने पेज में जावास्क्रिप्ट को जोड़ते हैं

या पृष्ठ के अंदर शरीर उन लिपियों को नीचे तक ले जाने के लिए आपको अपनी प्लग इन फ़ाइलों को संपादित करने और नीचे दिए गए स्क्रिप्ट को ठीक से स्थानांतरित करने की आवश्यकता है।

JavaScript स्रोत ढूंढना

वेब ब्राउजर में अपनी साइट खोलें और पृष्ठ स्रोत देखें। आपको जावास्क्रिप्ट फ़ाइल का लिंक दिखाई देगा, जो फ़ाइल का उद्गम और फ़ाइल की उत्पत्ति दर्शाता है। उदाहरण के लिए, नीचे दिए गए स्क्रीनशॉट हमें बताता है कि हमारी स्क्रिप्ट ‘test-plugin101’ नामक एक प्लगइन से संबंधित है स्क्रिप्ट फ़ाइल में स्थित है js निर्देशिका।

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

रजिस्टर और एनक्यू स्क्रिप्ट

जब आपको प्लगइन या थीम मिलेगी जो हेडर अनुभाग में जावास्क्रिप्ट जोड़ रहा है, तो अगला चरण यह पता लगाना है कि प्लगइन को फ़ाइल के लिए कॉल कहां है। आपकी किसी विषय या प्लग इन की PHP फाइलों में आपको उस विशेष रूप से एक कॉल दिखाई देगी .js फ़ाइल।

अगर प्लगइन या थीम पहले से ही JavaScript फ़ाइल को जोड़ने के लिए एन्क्यूवेइंग का उपयोग कर रहा है, तो आपको केवल अपने प्लगइन या थीम में wp_register_script फ़ंक्शन बदलना होगा और $ in_footer पैरामीटर के लिए सही जोड़ना होगा। इस कदर:

wp_register_script ('script-handle', plugins_url ('js / script.js', __FILE__), '', '1.0', सच है); 

मान लें कि आपका प्लगइन या थीम हेडर में या सामग्री के बीच में कच्ची जावास्क्रिप्ट जोड़ रहा है। प्लग इन या थीम फ़ाइलों में कच्चे जावास्क्रिप्ट कोड ढूंढें, जावास्क्रिप्ट कॉपी करें और इसे एक में सहेजें .js फ़ाइल। फिर उपयोग करें wp_register_script () फ़ंक्शन जैसा कि ऊपर दिखाया गया है, नीचे जावास्क्रिप्ट को स्थानांतरित करने के लिए।

संपादक का नोट: यह समझना महत्वपूर्ण है कि जब आप कोर फाइल में परिवर्तन करते हैं और प्लगइन अपडेट करते हैं, तो आपके परिवर्तन ओवरराइड नहीं होंगे। ऐसा करने का एक बेहतर तरीका स्क्रिप्ट को अपंजीकृत करना होगा और इसे अपने थीम के फ़ंक्शन.एफ़पी फ़ाइल से पुन: पंजीकृत करेगा। यह ट्यूटोरियल देखें।

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

हम आशा करते हैं कि इस आलेख ने आपको जावास्क्रिप्ट को वर्डप्रेस में निचले स्तर तक ले जाने और आपकी पृष्ठ की गति में सुधार करने में मदद की है। प्रश्न और प्रतिक्रिया के लिए कृपया नीचे एक टिप्पणी छोड़ दें।