WordPress Site को 97% PageSpeed Score तक Speed Up कैसे करें?

द्वारा

July 9, 2018

क्या आप भी अपने Website के Speed को 97% Score तक बढ़ाना चाहते है? तो आज मै आपको यही बताने वाला हूँ की अपने WordPress Site के Page Speed को कैसे बढाएं? (How To Speed Up WordPress Site In Hindi?) कैसे अपनी Website को Super Fast बनाएं?

अगर आप किसी Website के मालिक है या आपका कोई Blog है! तो आप तो जानते होंगे की WordPress Site Load Time को बेहतर करना हमारे लिए कितना मायने रखता है! तो हमारे Users को बेहतर सुविधा प्रदान करने के लिए यह बेहद जरुरी भी है!

हेल्लो दोस्तों, स्वागत करता हूँ आपका! यदि आप भी एक Blogger है तो आपके आपके लिए बहुत ज़रूरी है यह जानना की अपने Website Speed को तेज कैसे करें? (How To Make WordPress Site Faster In Hindi?) अगर आपअपने Website Loading Time को कम करना चाहते हैं तो यह Post आपके लिए है!

Beginner Guide For Speed Up WordPress Site In Hindi?

वैसे एक अछि Hosting [↑] और एक बढ़िया Theme तो ज़रूरी होता ही Website Speed Increase करने में! लेकिन मै इस Post ये बातें बिलकुल भी नहीं करने वाला हूँ, की आप एक अच्छा Hosting लो या फिर एक अच्छा Theme का इस्तेमाल करिए!

आज हमलोग ये जानेंगे की Website Speed Test Tools पर जो Error आते हैं उन्हें Fix कैसे करें! कुछ साधारण से Codes का इस्तेमाल करके हम काफी हद तक अपने WordPress Website Speed Fast कर सकते हैं!

आप बखूबी जानते हैं की हमारे Website के खुलने की रफ़्तार SEO के लिए भी ज़रूरी है! क्योंकि Website की Loading Speed का कम होना Search Result में Ranking को Increase करता है! अगर आप भी अपनी Ranking को High करना चाहते है तो तो बेहतर यदि होगा की अपने Website के Speed को बढ़ा लीजिये!

मैने भी इसी तरीके से अपने WordPress Website को 97% तक Speed Up किया है!

तो आप भी मेरे ही तरह अपने Website के रफ़्तार को 97% Page Speed Score तक कर लीजिये! ताकि आपके Visitors को आपके Website को खोलने में ज्यादा समय न लगे! और आपका Ranking भी High हो जाये!

यहाँ पर आपके साथ अपनी Technique को साझा करने वाला हूँ! तो चलिए जानते हैं उन 5 तरीकों (5 Ways To Speed Up WordPress Site) को Step-By-Step जानते हैं! और साथ-साथ यह भी जानते हैं की वो कौन-कौन से Errors आते हैं और उन्हें कैसे Fix किया जा सकता है! और Website को कैसे Super Fast बनाये?

इसे भी जानिये: e-PAN Service क्या है और इसके लिए आवेदन कैसे करें?

Website Speed Test Tool

अगर कोई मुझसे पूछे की कौन Website Speed Test Tool बेहतर है? तो मेरा जवाब GTmetrix [↑] होगा! क्योंकि यहाँ पर हर Error को विस्तार से दिखाया जाता है! और उन्हें Fix करने के तरीके भी बताये जाते हैं!

इसलिए सबसे पहले आप अपने Website Speed को Test करिए! और फिर देखिये कौन-कौन से Improvements करने के लिए बताये जाते हैं! अगर मेरे बताये गए Errors में से कोई है तो उसे आराम से Fix कर सकते हैं!

1. Leverage browser caching

सबसे पहले ये जान लेते है की Leverage Browser Caching क्या है? यह आपके Website के Files को कुछ समय (आपके चुने गए समय के अनुसार) के लिए सहेज कर रखता है! ताकि उस अवधी के दौरान आगा कोई User आपके Website को दोबारा खोले तो Loading Time काफी कम लगे!

speed up wordpress site in hindi — Leverage Browser Caching – Speed Up WordPress Site In Hindi

GTmetrix के अनुसार Leverage Browser Caching कम-से-कम 60% तक होनी चाहिए! अगर आपका इससे कम दिखा रहा है तो आपको इसे Improve करने की ज़रूरत है!

तो इसके आपको अपने .htaccess file [↑] को Edit करके कुछ Codes को Add करने होंगे! अगर आप Yoast SEO का इस्तेमाल करते हैं तो आप SEO>Tools>File editor में जाकर .htaccess File को Edit कर सकते हैं!

<IfModule mod_expires.c>
# Enable expirations
ExpiresActive On 
# Default directive
ExpiresDefault "access plus 1 month"
# My favicon
ExpiresByType image/x-icon "access plus 1 year"
# Images
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/jpg "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
# CSS
ExpiresByType text/css "access plus 1 month"
# Javascript
ExpiresByType application/javascript "access plus 1 year"
</IfModule>

सबसे पहले आप ऊपर दिए गए Code को Copy कर लीजिये! फिर इसे अपने .htaccess file को Edit करके उसमे सबसे नीचे Paste कर दीजिये!

Note: यह Code दो चीजों को नियंत्रित करता है! जैसे की आप इसे Leverage Browser Caching और Add Expires Headers दोनों के लिए इस्तेमाल कर सकते हैं!

इसे भी पढ़िए: Mobile Bloggers के लिए 5 Tools जो Blogging को आसान बना देंगे!

2. Defer parsing of JavaScript

जब Website खुलता तब वह कुछ Resources को इकठ्ठा करता है! और उन्ही Resources में से Theme के JavaScript भी आता है! कभी-कभी Website Theme में अच्छी Coding ना होने की वजह JavaScript Body tag में Implement हो जाता है!

जो Page Rendering को Block कर देता है! जिसकी वजह से Page Loading Time बढ़ जाता है! इसलिए इसे Code की मदद से Bypass (Parse) किया जाता है!

इस Problem के Fix करने के लिए कुछ Code को आपके Theme के function.php file में Add करना होगा!

function defer_parsing_of_js ( $url ) {
if ( FALSE === strpos( $url, '.js' ) ) return $url;
if ( strpos( $url, 'jquery.js' ) ) return $url;
return "$url' defer ";
}
add_filter( 'clean_url', 'defer_parsing_of_js', 11, 1 );

इस Code को Copy करने के बाद आप अपने WordPress Dashboard के Appearance>Editor में जाकर Theme Function का चयन कर function.php में सबसे नीचे Code को Paste कर दिजीये!

Note: आपके Parent Theme की Coding में कुछ गड़बड़ी न हो इसलिए बेहतर होगा की आप हमेशा Child Theme का इस्तेमाल करिए!

यह आपके लिए ज़रूरी है: Sim Swap क्या है और इससे कैसे बचें?

3. Remove query strings from static resources

बहुत सारे Proxy विशेष कर नया Version 3.0 इस तरह के Files को Cache नहीं करते हैं जिसमे “?” लगा हो! खासकर हम इस Cache Plugin में Sitemap को Cache में न रखने के लिए String में Add कर देते हैं!

लेकिन यह सिर्फ Sitemap के लिए बेहतर होता है! अन्यथा सभी Files को बार-बार Load होने में समय लगता है! इसलिए Website की Speed कम हो जाती है!

इसका Level कम-से-कम 88% होना चाहिए तो बेहतर होता है! अगर आपके Website में ये Problem दिखाई दे रहा है तो इसे इस तरह से Fix करिए!

function _remove_script_version( $src ){ 
$parts = explode( '?ver', $src ); 
return $parts[0]; 
} 
add_filter( 'script_loader_src', '_remove_script_version', 15, 1 ); 
add_filter( 'style_loader_src', '_remove_script_version', 15, 1 );

इसे Fix करने के अपने WordPress Dashboard को Open करिए! फिर Appearance>Editor में जाकर Theme Function का चयन करिए! उसके बाद दिए गए Code को function.php में सबसे नीचे Paste कर दिजीये!

इसे भी जानना चाहिए: कैसे पता करें कि आपके Mobile को कौन Touch करता है?

4. Configure entity tags (ETags)

इसे एक प्रकार का Mechanism Web Server और Browser कह सकते हैं! घुमा-फिरा के अगर कहा जाए तो यह निर्धारित करता है की आपके Browser में जो Cache जमा है वह आपके वर्त्तमान या मूल Server से Match कर रहा है या नहीं!

ये समस्या अक्सर उस वक्त आता है जब आप अपना Hosting किसी दुसरे Server पर Shift करते हैं! उदाहरण के तौर पर आपको CDN को हटा देने के बाद भी ऐसी समस्या आती है!

अगर आपके वेबसाइट में भी इस तरह की समस्या दिखाई दे रही है तो कोई बात नहीं हम हैं आपके Problem को ठीक करने के लिए! आज हम लोग जान रहे हैं कि (How To Fix Errors To Speed Up WordPress Site Without CDN?) अपने वेबसाइट की रफ़्तार को कैसे दुगुना करें?

इस समस्या के समाधान के लिए एक बार फिर .htaccess file को Edit करनी पड़ेगी! और दिया गया Code को उसमे Add करना होगा!

FileETag none

एक बार फिर इस Line को Copy कर लीजिये! और .htaccess file में सबसे नीचे इसे Paste कर दीजिये! इसके बाद आपकी यह समस्या भी दूर हो जाएगी!

इसे नहीं जाना तो क्या जाना: चैलेंज करता हूँ – WhatsApp के इन “5” खूबियों के बारे में नहीं जानते होंगे आप!

5. Minify CSS

अधिकांश ऐसे WordPress Themes हैं जिनकी Coding साफ़ और सही तरीके से Optimized नहीं रहती हैं! और खासकर CSS Delivery को अच्छे तरीके से Optimize नहीं किया गया होता! फलतः वेबसाइट की Size बढ़ जाती है और Loading Time भी Increase हो जाती है!

मैंने देखा है बहुत से Themes में CSS को ऐसे लिखा रहता है जैसे की कोई कहानी है! OMG, लिखने वाले को पता होना चाहिए CSS कोई कहानी नहीं है जिसमे Line को छोड़कर लिखा जाए!

आपको बता दूँ की CSS Optimization का Score कम-से-कम 95% तक होनी चाहिए! अगर आपके Theme में भी CSS को Optimize नहीं किया गया है तो इसे आप खुद से कर सकते हैं!

अगर आपको यह नहीं आता है तो कोई बात नहीं!कुछ Tools हैं जिनकी मदद से आप यह आसानी से कर सकते हैं! इसके लिए आपको नीचे के Step को Follow करना है!

यहाँ पर आपके Website के जिस किसी भी File को Result को दिखा रहा है उस Link को Copy कर लीजिये! जैसे की मेरे Case में (https://hindibuddy.com/wp-content/themes/Newspaper/style.css) Optimized नही है!

उसके बाद CSS Optimize या Minify करने के लिए इस Link पर जाइए! फिर खाली Box में उस Copy किये हुए Link को Paste कर दीजिये! यहाँ पर आपको JS और CSS का Checkbox दिखाई देगा! जिसमे से आपको CSS को Tick करके MINIFY के बटन पर Click kar देना है!

अब उस Box में आपको Minify किया हुआ Code मिलेगा जिसे आपको अपने CPanel के File Manager में जाकर Target Path में Upload कर देना है! जितने भी Problems दिखाई दे रहे हैं सब को Optimize करने के लिए इसी प्रक्रिया को अपनाइए!

यह आपके लिए: अपने Mobile से PC या Laptop को Control कैसे करें?

Bonus Tips:

इन सब के अलावा और भी बाते है जो Speed Up WordPress Site करने में काफी मदद करती हैं! जैसे की आप CDN Service का इस्तेमाल कर सकते हैं! आपके Website पर इस्तेमाल किये जाने वाले Images को Optimize कर सकते हैं! ये सभी वेबसाइट के रफ़्तार को बढाने में काफी सहायक हैं!

आखिरी शब्द (Conclusion):

बहुत सारे लोग लोग हैं जो अपने वेबसाइट की रफ़्तार को बढ़ने के लिए अलग-अलग प्रकार के Plugins का इस्तेमाल करते हैं! लेकिन क्या आपको पता है ही ये Plugins रफ़्तार को बढाने के बजाय और कम कर देती हैं!

इसलिए मेरी राय है की आप Manually अपने वेबसाइट को Optimize करिए ना की Plugins की सहायता लेकर! और आज हमलोग Speed Up WordPress Site Without Plugins के बारे में अछि तरह से Practically जान चुके हैं!

तो आपको यह जानकारी कैसी लगी हमें ज़रूर बताइए! अगर आपके पास भी कोई Tips या Tricks है तो मुझे और सबको Comment करके बताइए! एके ऐसा करने से सबको मदद मिलेगी!

अगर आपके लिए यह जानकारी काम की हो तो Like और Share करना न भूलिए! ताकि हम प्रोत्साहित हों आगे भी इसी तरह के जाकारियों को आपके साथ बाटने के लिए!