कैसे वर्डप्रेस प्लगइन्स आपकी साइट के लोड टाइम को प्रभावित करते हैं

कैसे वर्डप्रेस प्लगइन्स आपकी साइट के लोड टाइम को प्रभावित करते हैं

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

वर्डप्रेस प्लग इन आपकी साइट के लोड टाइम को कैसे प्रभावित करते हैं

कैसे वर्डप्रेस प्लगइन्स काम करते हैं?

वर्डप्रेस प्लगइन्स आपके वर्डप्रेस साइट के लिए ऐप की तरह हैं आप अपनी वेबसाइट पर संपर्क फ़ॉर्म, फोटो दीर्घाओं, या ई-कॉमर्स स्टोर जैसी सुविधाओं को जोड़ने के लिए उन्हें स्थापित कर सकते हैं।

जब कोई आपकी वेबसाइट पर जाता है, तो वर्डप्रेस पहले अपनी मूल फाइलों को लोड करता है और फिर आपके सभी सक्रिय प्लगिन को लोड करता है

अधिक जानकारी के लिए, वर्डप्रेस प्लगइन्स के बारे में हमारे लेख पर एक नज़र डालें। और वे कैसे काम करते हैं?

प्लग इन साइट लोड टाइम कैसे प्रभावित कर सकते हैं?

प्रत्येक वर्डप्रेस प्लगइन विभिन्न कार्यक्षमता और विशेषताओं को प्रदान करता है। ऐसा करने के लिए, कुछ प्लगइन्स बैकएंड पर डेटाबेस कॉल करते हैं जबकि अन्य सीएसएस स्टाइलशीट, जावास्क्रिप्ट फाइल, इमेज इत्यादि जैसे फ्रंट-एंड पर संपत्ति लोड करते हैं।

डेटाबेस प्रश्नों और लोड करने की संपत्ति बनाना आपकी साइट के लोड समय को जोड़ता है अधिकांश प्लग-इन स्क्रिप्ट, सीएसएस, और छवियों जैसी संपत्तियों को लोड करने के लिए एक HTTP अनुरोध करते हैं। प्रत्येक अनुरोध आपकी साइट के पृष्ठ लोड समय को बढ़ाता है।

जब ठीक से किया जाता है, तो प्रदर्शन प्रभाव अक्सर ध्यान देने योग्य नहीं होता है।

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

कैसे WordPress प्लगइन्स द्वारा लोड किए गए फ़ाइलें जांचें?

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

इसमें बहुत सारे उपकरण हैं जो आप इसका पता लगाने के लिए उपयोग कर सकते हैं।

आप अपने ब्राउज़र के डेवलपर टूल का उपयोग कर सकते हैं (Google क्रोम में निरीक्षण करें और फ़ायरफ़ॉक्स में तत्व का निरीक्षण करें)

अपनी वेबसाइट पर जाकर निरीक्षण का चयन करने के लिए राइट क्लिक करें यह डेवलपर उपकरण पैनल खोल देगा।

आपको ‘नेटवर्क’ टैब पर क्लिक करना होगा और फिर अपनी वेबसाइट को पुनः लोड करना होगा। पृष्ठ पुनः लोड होने पर, आप यह देख पाएंगे कि आपका ब्राउज़र प्रत्येक फ़ाइल को कैसे लोड करता है।

पृष्ठ लोड समय और निरीक्षण उपकरण के साथ लोड की गई फ़ाइलें देखें

आप इसे देखने के लिए पिंगडोम और जीटीएमट्रिक्स जैसे तीसरे पक्ष के उपकरण भी उपयोग कर सकते हैं। अन्य उपयोगी जानकारी के अलावा, ये उपकरण आपको सभी फाइलें दिखाएंगे जो लोड होते हैं और लोड करने के लिए कितने समय लेते हैं।

पिंगडोम का उपयोग करके पेज लोड करने का परीक्षण करना

कितने प्लगइन्स बहुत सारे हैं?

जैसा कि आप इन फ़ाइलों को लोड किए जाते हैं, आप सोच सकते हैं कि मेरी साइट पर मुझे कितने प्लगइन्स का उपयोग करना चाहिए? कितने प्लगइन्स बहुत अधिक हैं?

इसका जवाब वास्तव में आपकी वेबसाइट पर उपयोग किए जा रहे प्लगइन्स के सेट पर निर्भर करता है।

एक भी खराब प्लगइन 12 फाइल लोड कर सकता है, जबकि कई अच्छे प्लगइन केवल कुछ अतिरिक्त फ़ाइलों को जोड़ देगा।

सभी अच्छी तरह से कोडित प्लग इन फ़ाइलों को वे कम से कम लोड करने की कोशिश करते हैं हालांकि, सभी प्लगइन डेवलपर्स यह सावधान नहीं हैं। कुछ प्लगइन्स हर एक पृष्ठ लोड पर फाइल लोड करेंगे, भले ही उन्हें उन फ़ाइलों की आवश्यकता न हो।

यदि आप बहुत से ऐसे प्लगइन्स का उपयोग कर रहे हैं, तो यह आपकी साइट के प्रदर्शन को प्रभावित करना शुरू करेगा।

नियंत्रण में प्लगइन्स कैसे रखें?

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

यदि आपको लगता है कि एक वर्डप्रेस प्लगइन आपकी साइट के लोड को प्रभावित कर रहा है, तो एक बेहतर प्लगइन की तलाश करें जो कि एक ही काम करता है लेकिन बेहतर है

इसके बाद, आपको कैशिंग और सीडीएन का उपयोग करना शुरू करना होगा जिससे कि आपकी साइट के प्रदर्शन और गति में सुधार हो सके।

एक अन्य कारक जिस पर आपको विचार करना चाहिए, वह आपकी वेबसाइट होस्टिंग है यदि आपके होस्टिंग सर्वर ठीक से अनुकूलित नहीं हैं, तो यह आपकी साइट का प्रतिसाद समय बढ़ा देगा।

इसका मतलब यह है कि न केवल प्लग-इन, बल्कि आपकी साइट का समग्र प्रदर्शन धीमा होगा। सुनिश्चित करें कि आप सर्वश्रेष्ठ वर्डप्रेस होस्टिंग कंपनियों में से एक का उपयोग कर रहे हैं।

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

अनुकूलन वर्डप्रेस प्लगइन एसेट्स मैन्युअल रूप से

उन्नत वर्डप्रेस उपयोगकर्ता अपनी साइट पर वर्डप्रेस प्लग इन लोड फाइलों को प्रबंधित करने का प्रयास कर सकते हैं। ऐसा करने के लिए कोडिंग के कुछ ज्ञान और कुछ डिबगिंग कौशल की आवश्यकता होती है।

वर्डप्रेस में लिपियों और स्टाइलशीट लोड करने का उचित तरीका है wp_enqueue_style तथा wp_enqueue_script कार्य करता है।

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

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

इस तरह से आप उन सभी को एक साथ लोड कर सकते हैं, http अनुरोधों को कम कर सकते हैं और आपके पेज लोड टाइम को प्रभावी ढंग से कम कर सकते हैं।

आइए देखते हैं कि वर्डप्रेस में स्टाइलशीट्स और जावास्क्रिप्ट फ़ाइलों को आसानी से कैसे हटाया जा सकता है।

WordPress में प्लग-इन स्टाइलशीट अक्षम करें

सबसे पहले, आपको उस स्टाइलशीट का नाम ढूंढना होगा या संभाल करना होगा जिसे आप पंजीकरण करना चाहते हैं आप अपने ब्राउज़र के निरीक्षण उपकरण का उपयोग कर इसे ढूँढ सकते हैं।

एक शैली का नाम ढूंढना

स्टाइलशीट संभाल प्राप्त करने के बाद, आप यह कोड अपने विषय के functions.php फ़ाइल या किसी साइट-विशिष्ट प्लग इन में जोड़कर इसे रद्द कर सकते हैं।

add_action ('wp_print_styles', 'my_deregister_styles', 100);
 फ़ंक्शन my_deregister_styles () {
 wp_deregister_style ('gdwpm_styles-css');
 } 

आप इस फ़ंक्शन के भीतर जितनी चाहें उतनी शैली के हैंडल के रूप में पंजीकरण रद्द कर सकते हैं। उदाहरण के लिए, यदि आपके पास स्टाइलशीट पंजीकरण रद्द करने के लिए एक से अधिक प्लग-इन हैं, तो आप इसे ऐसा करेंगे:

add_action ('wp_print_styles', 'my_deregister_styles', 100);
 फ़ंक्शन my_deregister_styles () {
 wp_deregister_style ('gdwpm_styles-css');
 wp_deregister_style ('बीफा-फ़ॉन्ट-भयानक-सीएसएस');
 wp_deregister_style ('कुछ अन्य स्टाइलशीट-हैंडल');
 } 

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

WordPress में जावा प्लगइन अक्षम करें

स्टाइलशीट्स की तरह, आपको जावास्क्रिप्ट फाइल द्वारा उपयोग किए गए हैंडल का पता लगाने के लिए उन्हें पंजीकरण करना होगा। हालांकि, आपको निरीक्षण उपकरण का उपयोग कर संभाल नहीं मिलेगा।

इसके लिए आपको स्क्रिप्ट को लोड करने के लिए प्लगइन द्वारा उपयोग किए गए हैंडल को खोजने के लिए प्लगइन फ़ाइलों में गहरी खोज करना होगा।

प्लगइन्स द्वारा उपयोग किए गए सभी हैंडल को खोजने का एक अन्य तरीका यह कोड आपके थीम के functions.php फ़ाइल में जोड़ना है।

फ़ंक्शन wpb_display_pluginhandles () {
 $ wp_scripts = wp_scripts ();
 $ हैंडलिनेम। = " 
    “;
    विदेशी मुद्रा ($ wp_scripts-> कतार $ संभाल के रूप में):
    $ हैंडलिनेम। = ‘

  • ‘ $ संभाल। ‘
  • ‘;
    endforeach;
    $ हैंडलिनेम। = ”

“;
वापसी $ हैंडलिनेम;
}
add_shortcode (‘प्लगिनैंड्स’, ‘wpb_display_pluginhandles’);

इस कोड को जोड़ने के बाद, आप उपयोग कर सकते हैं [Pluginhandles] प्लगइन स्क्रिप्ट हैंडल की एक सूची प्रदर्शित करने के लिए शोर्ट

वर्डप्रेस में प्लगिन स्क्रिप्ट की सूची प्रदर्शित करें

अब जब आपके पास स्क्रिप्ट हैंडल है, तो आप नीचे दिए गए कोड का उपयोग करके उन्हें आसानी से हटा सकते हैं:

add_action ('wp_print_scripts', 'my_deregister_javascript', 100);

 फ़ंक्शन my_deregister_javascript () {
 wp_deregister_script ('संपर्क फ़ॉर्म -7');
 } 

आप इस कोड को कई स्क्रिप्ट को अक्षम करने के लिए भी उपयोग कर सकते हैं, जैसे:

add_action ('wp_print_scripts', 'my_deregister_javascript', 100);

 फ़ंक्शन my_deregister_javascript () {
 wp_deregister_script ('संपर्क फ़ॉर्म -7');
 wp_deregister_script ('gdwpm_lightbox-script');
 wp_deregister_script ('अन्य-प्लगइन-स्क्रिप्ट');
 } 

अब, जैसा हमने पहले बताया था कि इन स्क्रिप्ट को अक्षम करने से आपकी प्लग-इन को ठीक से काम करने से रोक दिया जाएगा।

इससे बचने के लिए, आपको जावास्क्रिप्ट को एक साथ संयोजित करना होगा, लेकिन कभी-कभी यह सुचारू रूप से काम नहीं करेगा, इसलिए आपको पता होना चाहिए कि आप क्या कर रहे हैं। आप परीक्षण और त्रुटि (जैसे कि हम में से बहुत से करते हैं) से सीख सकते हैं, लेकिन हम अनुशंसा करते हैं कि आप किसी लाइव साइट पर ऐसा न करें

परीक्षण करने के लिए सबसे अच्छी जगह एक स्थानीय वर्डप्रेस स्थापित या प्रबंधित वर्डप्रेस होस्टिंग प्रदाता के साथ एक स्टेजिंग साइट पर है।

केवल विशिष्ट पृष्ठों पर लोड लिपियों

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

इस तरह स्क्रिप्ट आपकी साइट के अन्य सभी पृष्ठों पर अक्षम हो गई है और केवल जब ज़रूरत होती है तब लोड होती है

यहां बताया गया है कि आप विशिष्ट पृष्ठों पर स्क्रिप्ट कैसे लोड कर सकते हैं।

add_action ('wp_print_scripts', 'my_deregister_javascript', 100);

 फ़ंक्शन my_deregister_javascript () {
 अगर (! is_page ('संपर्क')) {
 wp_deregister_script ('संपर्क फ़ॉर्म -7');
 }
 } 

यह कोड केवल संपर्क पृष्ठ को छोड़कर सभी पृष्ठों पर संपर्क फ़ॉर्म -7 स्क्रिप्ट को अक्षम करता है।

अभी के लिए इतना ही।