वेबमा WordPress को अत्यधिक लोकप्रियताको थुप्रै कारणहरू मध्ये, विकासकर्ता समुदाय यो हो कि त्यहाँ तुलनात्मक रूपमा थोरै प्रयास र लगानीको साथ कस्टम वेबसाइट निर्माणको लागि धेरै संख्यामा प्लगइनहरू र विषयवस्तुहरू उपलब्ध छन्। जे होस्, जब धेरै स्क्रिप्टहरू साइटमा काम गर्दैछन्, यसले यसको प्रदर्शन र लोड समय कम गर्न सक्दछ।
जे होस्, केहि स्क्रिप्टहरू एकै समयमा लोड हुन आवश्यक पर्दैन, उनीहरूले त्यसो गर्छन् र प्रयोगकर्ताहरूलाई वेबसाइट सामग्रीहरू द्रुत रूपमा हेर्न सक्षम हुन रोक्दछन् जुन साइटलाई निराशाको कारणले छोड्छ। भाग्यवस, त्यहाँ केहि तरिकाहरू छन् जुन यी रेन्डर-ब्लकि Java जाभास्क्रिप्ट र CSS फाईलहरूलाई हटाउन सकिन्छ वेबसाइटलाई द्रुत लोड गर्न र सामग्री दर्शकहरूलाई डेलिभर गर्नको लागि अनुमति दिन।
रेन्डर-ब्लकि Javaिंग जाभास्क्रिप्ट र CSS वर्णन गरिएको छ
जब कुनै वेबसाइट वेब ब्राउजरमा लोड हुन्छ, यसले सबै स्क्रिप्टलाई लाममा लोड गर्न अनुरोध गर्दछ। यदि कुनै कारणले गर्दा, स्क्रिप्टको लाम खाली गर्न अस्वीकार गरियो, वेबसाइट प्रदर्शन गर्दैन। यी स्क्रिप्टहरू जुन लोड गर्न अस्वीकार हुन्छ रेन्डर-ब्लकि Java्ग जाभास्क्रिप्ट र CSS फाईलहरू भनिन्छ। साइट लोड गर्नका लागि समय कतारको लम्बाइमा निर्भर गर्दछ। धेरै पटक, लाममा अड्किएका धेरै स्क्रिप्टहरू दर्शकलाई त्यस समयमा वेबसाइट देख्न अनुमति दिन पनि आवश्यक पर्दैन र वेबसाइट सजिलै लोड नहुन्जेल कुञ्जी सजिलैसँग चलाउन सकिन्छ।
Render-blocking JavaScript र CSS का नुकसान
वेबसाइटमा रेन्डर-ब्लकिंग जाभास्क्रिप्ट र CSS स्क्रिप्टको पहिलो र सबैभन्दा महत्त्वपूर्ण प्रभाव भनेको उनीहरूले यसको लोडिंग गतिलाई ढिलो बनाए। साइट गति एक धेरै महत्त्वपूर्ण प्यारामिटर हो कि वेबसाइट कति उपयोगी छ र यो SERPs मा प्रदर्शन कसरी राम्रो गर्दछ। यदि साइट बिस्तारै लोड हुन्छ भने, यस्तो धेरै सम्भावना हुन्छ कि आगन्तुकहरूले यसलाई केहि अन्य साइटको लागि त्याग्नेछन्; आगामी बाउन्स रेट एक मजबूत एसईओ संकेत हो जुन खोज इञ्जिन स्तर निर्धारणलाई तल सार्दछ। यस अनुसार खोजी गर्नुहोस्साईट लोड गर्न वास्तवमै खर्च गरेको भन्दा अधिक, समस्या वेबसाइटको लोड हुनका लागि लिइएको समयका प्रयोगकर्ताहरूको धारणासँग छ। ब्राउजरले रेन्डर-ब्लकिocking स्क्रिप्ट सहित सबै चीज लोड गर्न को लागी एकै समयमा, तपाईले यो सुनिश्चित गर्न कोशिस गर्नु पर्छ कि साइटले केवल ती स्क्रिप्टहरू लोड गर्दछ जुन साइटलाई पहिले प्रयोग गर्न योग्यको हुन सक्छ, जसको अनुसरण गरेर, बाँकी लिपिहरू लोड
Render-blocking JavaScript र CSS हटाउदै
तपाईंले रेन्डर-ब्लकि। लिपिहरू हटाउन कोसिस गर्नु अघि, तपाईंले स्क्रिप्टहरू पहिचान गर्नु पर्छ जुन समस्याका लागि जिम्मेवार छन्। गुगलको पेजस्पेड इनसाइट्स उपकरण प्रयोग गर्नु यो गर्नुको सब भन्दा सजिलो तरीका हो। तपाईंले स्क्रिप्टहरूको सूची बनाउनु पर्छ जसमा ध्यान आवश्यक पर्दछ र त्यसपछि निर्णय गर्नुहोस् कि तपाईं मैन्युअल रूपमा समस्या समाधान गर्न वा प्लग-इन प्रयोग गर्न चाहानुहुन्छ, विशेष उद्देश्यले डिजाइन गरिएको हो।
जहाँसम्म, यदि तपाईं विकास चरणको क्रममा तपाईंको वेबसाइटमा रेन्डर-ब्लकिocking लिपिहरूको संख्या कम गर्नका लागि केहि उत्तम अभ्यासहरू कार्यान्वयन गर्नुहुन्छ भने, तपाईं आफैंको लागि जीवन मात्र सजिलो बनाउँदैन तर सुनिश्चित पनि गर्नुहुनेछ। किफायती एसईओ। केही सामान्य रणनीतिहरूमा जाभास्क्रिप्ट र CSS लाई कम गर्दै जाँदा अनावश्यक सेतो खाली ठाउँ र कोडमा टिप्पणीहरू हटाएर जाभास्क्रिप्ट, र CSS फाईलहरूको समग्र संख्या कम गर्न सकिन्छ, साथ साथै जाभा स्क्रिप्ट लोडि def्ग गर्न असिंक्रोनस लोडि। प्रयोग गर्दछ।
विधिहरू जस्तो सुन्न सजिलो छ, म्यानुअल तरिकाले स्क्रिप्टहरू हटाउनु थकाइलाग्दो हुन सक्छ किनकि जाभास्क्रिप्ट र CSS फाईलहरूको स number्ख्या संख्या जुन प्रत्येक फ्रन्ट फेसिंग प्लगइनको साथ आउँदछ। जबकि WordPress ले सबै फ्रन्ट-एन्ड फेसिंग स्क्रिप्टहरूको लागि संयुक्त फिल्टर प्रदान गर्दछ जुन प्रयोग गरेर, तपाईं सबै आगमन जाभास्क्रिप्ट वा CSS फाइलहरू पहिचान गर्न सक्नुहुनेछ; यो स्क्र्याचबाट गर्न भन्दा प्लग-इन रोजगार गर्न धेरै सजिलो हुन्छ।
रेन्डर-ब्लकि Java गर्ने जाभास्क्रिप्ट र CSS स्क्रिप्टको संख्या कम गर्नका लागि शीर्ष प्लगइनहरू
WP रकेट
वेबसाइटहरू अनुकूलन गर्नको लागि डब्ल्यूपी रोकेटले एक राम्रो उपकरणको रूपमा कार्य गर्दछ किनकि यो अत्यन्त बहुमुखी छ र सीएसएस र जाभास्क्रिप्टको मिनिफाइंग, टाढाको टाढाको जाभास्क्रिप्ट अनुरोधहरू, आलस्य लोड छविहरू, र अधिक जस्ता विभिन्न कार्यहरू ह्यान्डल गर्न सक्दछ। जबकि सजिलो सेटअप प्रक्रिया ठूलो प्लस हो, प्लग-इनले तपाईंलाई बिभिन्न वर्डप्रेस ड्यासबोर्ड अनुभवसँग मिलाउन आवश्यक पर्दछ जुन प्रायः विकासकर्ताहरूले प्रयोग गर्दछन्। जे होस् WP रकेट केही निःशुल्क अतिरिक्त संग आउँछ, एक वेबसाइट को लागी आधार मूल्य निर्धारण $ 49 प्रतिवर्ष मा शुरू हुन्छ।
Autoptimize
पेजेस्पेड इनसाइट्स जस्ता उपकरण द्वारा पहिचान गरिएको मुद्दाहरू सम्बोधन गर्न विशेष रूपमा निर्मित, स्वत: अनुकूलनले प्रयोगकर्ताहरूलाई वर्डप्रेस ड्यासबोर्डमा नयाँ मेनूको साथ प्लग-इन कन्फिगर गर्न सक्षम गर्दछ। अटोप्टिमाइजले सबै आधारभूत कार्यहरू जस्तै क्यासिaching र मिनिफाइंग स्क्रिप्टहरू प्रदर्शन गर्दछ, यसले वेबपृष्ठ फाइल ढाँचामा छविहरूलाई अनुकूलन र रूपान्तरण पनि गर्न सक्दछ। यद्यपि यो कन्फिगरिंग अलि गाह्रो हुन सक्छ, नि: शुल्क प्लग-इन यसको कार्यक्षमता को लागी अत्यधिक मूल्या rated्कन गरीएको छ। एक 165 १667 अनुकूलन कन्फिगरेसन योजना र एक पेशेवर वेबसाइट समीक्षाको साथ $ $XNUMX expert विशेषज्ञ प्लग-इन-कन्फिगरेसन योजना पनि उपलब्ध छन्।
JCH अप्टिमाइज
JCH Optimize ले तपाईंको पृष्ठ लोड गर्ने गतिलाई बढावा दिनको लागि अनुपम उपकरणहरूको सेट प्रदान गर्दछ। उदाहरण को लागी, यो पृष्ठ को आकार र HTTP अनुरोध को कम गर्न सक्दछ वेब पृष्ठहरु लाई लोड गर्न को लागी सर्वरमा लोड घटाउने र ब्यान्डविथको आवश्यकता लाई कम गर्न को प्रभाव छ।
स्प्राइट जेनरेटर जसले पृष्ठभूमि छविहरूलाई स्प्राइटमा रूपान्तरण गर्दछ त्यसैले ब्राउजर लोडिंगलाई कम HTTP अनुरोधहरू आवश्यक पर्दछ। जबकि प्रयोगकर्ताहरूले यसको उन्नत कार्यक्षमता मनपराउँदछ, ठाडो सीखने घुमाव एक दुखाइ बिन्दु हुन सक्छ यद्यपि त्रुटि रहित स्थापना सुनिश्चित गर्न पर्याप्त समर्थन कागजात उपलब्ध छ। तपाईं नि: शुल्क संस्करण प्रयोग गरेर सुरू गर्न सक्नुहुनेछ; जे होस्, यदि तपाईं उन्नत सुविधाहरूमा पहुँच गर्न चाहानुहुन्छ भने, तपाईंले one महिनामा to २ at मा सुरू हुने योजनाहरू मध्ये एकमा सदस्यता लिन आवश्यक पर्दछ।
WordPress मा प्रयोग नगरिएका CSS JS फाईलहरू हटाउनुहोस्
त्यहाँ fundamental मौलिक क्षमताहरू हुन्छन् जब तपाईलाई वर्डप्रेस फ्रन्ट-एन्डमा प्रयोग नगरिएको CSS JS रेकर्ड खाली गर्नु पर्छ:
- wp_deregister_script ($ ह्यान्डल)
- wp_dequeue_script ($ ह्यान्डल)
- wp_deregister_style ($ ह्यान्डल)
- wp_dequeue_style ($ ह्यान्डल)
// expel सामग्री ह्यान्डलहरू हामीसँग चिन्ता लिन आवश्यक पर्दैन, प्रत्येक आफ्नै शर्तहरूको साथ
add_action ('wp_print_scriptts', 'wra_filter_scriptts', 100000);
add_action ('wp_print_footer_scriptts', 'wra_filter_scriptts', 100000);
प्रकार्य र्याफिल्टर_स्क्रिप्ट्स () {
#wp_deregister_script ($ ह्यान्डल);
#wp_dequeue_script ($ ह्यान्डल);
wp_deregister_script ('bbpress-edit');
wp_dequeue_script ('bbpress-edit');
// उपकरण पिक्सेल समर्थन
// यसले हाई-रिजोमेन्ट र जूम प्रोग्राममा Gravatars र wordpress.com ट्रान्सफरको लक्ष्य सुधार गर्दछ। हामीसँग केवल Gravatars छ त्यसैले हामी यो बिना ठीक हुनुपर्छ।
wp_deregister_script ('devicepx');
wp_dequeue_script ('devicepx');
यदि (! is_singular ('कागजातहरू')) {
wp_deregister_script ('toc-front');
wp_dequeue_script ('toc-front');
}
यदि (! is_singular (एर्रे ('कागजातहरू', 'पोष्ट'))) {
wp_deregister_script ('codebox');
wp_dequeue_script ('codebox');
}
}
// हामीलाई चाहिने शैलीहरू हटाउनुहोस्
add_action ('wp_print_styles', 'wra_filter_styles', १००००);
add_action ('wp_print_footer_scriptts', 'wra_filter_styles', १००००);
प्रकार्य र्याफिल्टर_शैली () {
#wp_deregister_style ($ ह्यान्डल);
#wp_dequeue_style ($ ह्यान्डल);
// थप bbpress शैलीहरू छैनन्।
wp_deregister_style ('bbp-default');
wp_dequeue_style ('bbp-default');
// डाउनलोड मोनिटर फ्रन्ट-एन्डमा प्रयोग गरीरहेको छैन।
wp_deregister_style ('wp_dlmp_styles');
wp_dequeue_style ('wp_dlmp_styles');
यदि (! is_singular ('कागजातहरू')) {
// सामग्री प्लग-इन को सूची कागजात पृष्ठहरूमा प्रयोग भइरहेको थियो
wp_deregister_style ('टोक-स्क्रीन');
wp_dequeue_style ('टोक-स्क्रीन');
}
// यो यस्तो हुनु हुँदैन। यसमा हेर्नु आवश्यक छ।
wp_deregister_style ('wppb_stylesheet');
wp_dequeue_style ('wppb_stylesheet');
}
यदि (! is_singular (एर्रे ('कागजातहरू', 'पोष्ट'))) {
wp_deregister_style ('codebox');
wp_dequeue_style ('codebox');
}
}
यो त्यस्तो गर्नको साँच्चिकै राम्रो अंश हो यो हो कि तपाइँ कुनै विशेष पृष्ठमा वा सम्पूर्ण कस्टम पोस्ट प्रकारमा फोकस गर्न वर्डप्रेस प्रतिबन्धात्मक लेबलहरू प्रयोग गर्न सक्नुहुनेछ। यसले हामीलाई अनुकूलन गर्छ जुन हामीले हाम्रो सीएसएस / जेएस रेकर्डहरूलाई ठीक ढ where्गले स्ट्याक गर्नुपर्दछ जहाँ उनीहरू आवश्यक छन्।
निष्कर्ष
तपाइँको वेबसाइट लोड छिटो छिटो हुन्छ भन्ने कुरा सुनिश्चित गर्नुहोस् प्रयोगकर्ता मैत्री हुन र तपाइँको एसईओ प्रदर्शन डूबबाट एक उच्च बाउन्स दर रोक्न। जबकि त्यहाँ धेरै कारणहरू हुन सक्छन् तपाईंको वर्डप्रेस साइट द्रुत लोड हुन नसक्दा, एक सामान्य कारण प्लगइनको प्रयोगबाट उत्पन्न हुने जाभास्क्रिप्ट र CSS स्क्रिप्ट रेन्डर-ब्लकि .को अनावश्यक कतारबद्धता हो।
सफा कोड लेखनले पनि डिल गर्न नसक्ने समस्याहरूको समाधान गर्न जाभास्क्रिप्ट र CSS स्क्रिप्टको संख्या कम गर्नका लागि डिजाइन गरिएको विशेष प्लग-इन प्रयोग गर्न मद्दत पुर्याउनका साथै स्क्रिप्टको अनावश्यक लाम ढिलाइमा ढिलाइ हुँदैन भनेर सुनिश्चित गर्न सहयोग पुर्याउन सकिन्छ। साइट लोड गर्दै।
