Home SEO Newspaper Theme Ke Sath 100% PageSpeed Kaise Paaye

Newspaper Theme Ke Sath 100% PageSpeed Kaise Paaye

Newspaper theme self-hosted WordPress blog के लिये बहुत अधिक popular premium theme हैं। इस wp थीम को team tagDiv के द्वारा developed किया गया हैं। ये सबसे ज्यादा wp blog के लिए उपयोग किये जाने वाला theme हैं। आप इस थीम को ThemeForest से खरीद सकतें हैं।

ये theme बहुत ही great features के साथ आता है। जब आप इस थीम पैकेज को खरीदेंगे तो आपको इसके साथ ही कुछ प्रीमियम प्लगइन्स भी उपयोग के लिये मिलेंगे। वो premium plugin नीचें दिये गएँ हैं, जो आपको थीम के साथ मिलेंगे। For example

  • Speed Booster plugin
  • Social Counter plugin
  • Js Composer plugin
  • TD Composer plugin
  • Mobile theme plugin
  • Revolution Slider plugin

इनके अलावा newspaper Theme developer आपको great support forum और साथ ही इस theme को step by step setup के लियें support भी आपको देतें हैं। इसके साथ ही यह आपको आपके blog को speed up के लियें PageSpeed guide भी provide करवाते हैं।

So यहाँ मे आपको कुछ सिंपल आईडिया और टिप्स बताने जा रहा हूँ, जो मैंने अपने blog को optimizing के समय सिखा हैं।

But मे पहले आपको यहाँ सुझाव देता हूँ, आप सबसे पहले अपने self-hosted WordPress blog को Newspaper theme के साथ active कर लें।

Install WP Super Cache – Newspaper theme optimization

Newspaper theme के पेज स्पीड को बढ़ाने के लिए tagDiv team, WP Super Cache plugin का उपयोग करने की सलाह देतें हैं, Because Super Cache plugin विजिटर को स्थिर content प्रदान करता है जो पेज लोड स्पीड को बेहतर बनाता है।

CloudFlare को Setup करें

CloudFlare एक फ्री CDN सर्विस हैं, जो आपको website से सभी resources को cache करता हैं। इसके बाद यह विजिटर के सबसे नजदीक सर्वर को भेज देता है। So यह विजिटर को बहुत ही कम समय content प्रदान कर देता हैं, And यह वेबसाइट का लोड समय कम करता है।

Options जो आपको CloudFlare के dashboard मे enable करना हैं

आपको अपने CloudFlare account मे dashboard के speed option पर जाना हैं। यहाँ पर आपको Auto minify check करने के लिए नीचें दिए गये तीन आप्शन पर जाना हैं।

  • CSS
  • JavaScript
  • HTML

इसके बाद आपको उपर दिए गए 3 option पर राईट क्लिक कर के select कर देना हैं, जैसा नीचे image में दिया गया हैं।

Newspaper Theme
Options जो आपको CloudFlare के dashboard मे enable करना हैं

अब इसके बाद इसी page पर नीचे की ओर Rocket Loader settings पर जायें। अब यहाँ पर right click कर के Automatic को select कर ले। जैसा की नीचे इमेज में दिया गया हैं, So ऐसा कर देने से यह Newspaper theme के page का लोड समय सुधार देगा। जिनमे जावास्क्रिप्ट शामिल होता है।

CloudFlare CDN Setting
CloudFlare CDN Setting

Browser Caching – WordPress मे Expire Header को जोड़ें

हम यहाँ लगभग आधा काम कर चुके हैं, So अब हम आगे इस tutorial के संवेदनशील हिस्से में एडिटिंग के बारें में बात करेंगे। यहा पर अब आपको .htaccess फ़ाइल में कुछ code को परिवर्तन करना होगा।

में यहाँ आपको सलाह देता हूँ, की htaccess फ़ाइल के अन्दर कुछ भी परिवर्तन करने से पहले अपने .htaccess फ़ाइल का backup ले लें।

Because संपादन करते समय कुछ भी गलत हो जाता है .htaccess आपकी साइट पर blank page या Error 500 दिखा सकता हैं।

यह भी जरुर पढ़े: WordPress Main htaccess File Ko Kaise Edit Aur Create Kare

आपको अपने .htaccess फ़ाइल के अन्दर नीचें दिये गएँ code को add करना हैं। इसकेलिये आपको नीचे दिए गए कोड को htaccess फाइल में बस कॉपी और पेस्ट करना हैं।

# BEGIN Expire headers

ExpiresActive On
ExpiresDefault "access plus 5 seconds"
ExpiresByType image/x-icon "access plus 604800 seconds"
ExpiresByType image/jpeg "access plus 604800 seconds"
ExpiresByType image/png "access plus 604800 seconds"
ExpiresByType image/gif "access plus 604800 seconds"
ExpiresByType application/x-shockwave-flash "access plus 604800 seconds"
ExpiresByType text/css "access plus 604800 seconds"
ExpiresByType text/javascript "access plus 604800 seconds"
ExpiresByType application/javascript "access plus 604800 seconds"
ExpiresByType application/x-javascript "access plus 604800 seconds"
ExpiresByType font/truetype "access plus 604800 seconds"
ExpiresByType font/opentype "access plus 604800 seconds"
ExpiresByType application/x-font-woff "access plus 604800 seconds"
ExpiresByType image/svg+xml "access plus 604800 seconds"
ExpiresByType application/vnd.ms-fontobject "access plus 604800 seconds"
ExpiresByType text/html "access plus 600 seconds"
ExpiresByType application/xhtml+xml "access plus 600 seconds"

# END Expire headers


<filesMatch "\.(js|css|woff|html|php)$">
SetOutputFilter DEFLATE

NOTE: यदि आपके website का Optimize Website का module enabled किया हुआ हैं। यह आपके cPanel के software के अन्दर मिलेगा। अगर यह enable किया हुआ है, तो आप नीचे दिए गए code को .htaccess file से remove कर दें। यह कोड fफ़ाइल में उपर की ओर लाल रंग के साथ हाइलाइट किया गया होगा।

<IfModule mod_deflate.c>
<filesMatch "\.(js|css|woff|html|php)$">
SetOutputFilter DEFLATE
</filesMatch>
</IfModule>

Admin-ajax.php के Slow Problem को fix करें

TagDiv team से इस विषय पर चर्चा करने पर उन्होंने confirmed किया की, newspaper Theme admin-ajax.php का उपयोग लगभग सभी सर्वर के request को ब्लॉक करने और theme के बहुत सारे feature जो server query को ब्लाक करता है। जिसके कारण वर्डप्रेस सर्वर लोड समय में कमी हो सकती है।

So, admin-ajax request को बढाने के लियें block ajax option को trim down कर दें, मतलब की pagination और ajax filters को ब्लाक कर दें।

Ajax view count को भी आप newspaper theme मे Turn off कर दें। Also, आप यह भी सुनिश्चित कर ले की आप दुसरे भिन्न प्रकार के block तो यूज़ नहीं कर रहे हैं। इसके लिए आप मेरा यह article पढ़ें की वर्डप्रेस मे admin-ajax server load टाइम कैसें कम करें।

Lazy Load को Install करें

आप Lazy Load plugin को वर्डप्रेस में इनस्टॉल करके बहुत सारे REQUEST को कम कर सकते हैं। हालाँकि newspaper Theme में inbuilt lazy load feature की सुविधा होती हैंBut असल में यह आपके website के Lazy load image के लिए नहीं है। यह केवल बस आपके images में animation को add करता हैं।

Note: Newspaper theme में inbuilt Lazy Load animation के option को disable जरुर कर दें और यह theme panel में जा कर कर सकतें हैं।

यह भी जरुर पढ़ें: WordPress Plugin Ko Kaise Install Kare Step By Step

TagDiv Speed Booster plugin को इनस्टॉल करें

जब आप theme को खरीदेंगे तो यह आपको Newspaper theme के साथ ही मिलेगा। यह लगभग सभी Stylesheets और JavaScripts को compresses कर देगा। और यह उन सभी compresses फाइल्स को page के नीचे की तरफ भेज देता हैं। यह render-blocking JavaScript और CSS खत्म कर देता हैं।

Font Awesome को Remove करें

Theme में icons को यूज़ करने केलिये Font Awesome plugin का उपयोग करता हैं, एवं इसमे बहुत सारें icons होते हैं। और यदि आप इन icon का उपयोग नहीं कर रहें तब तो सभी icon को लोड करने का कोई मतलब नहीं है।

आपको अपने थीम में अलग अलग element के लिए इनमे से कुछ आइकनों की ही जरुरत होती है। इसलिए आप स्क्रिप्ट मे एक छोटे सा फिल्टर को जोड़ सकते हैं।

और आपको ऐसा करने केलिये, अपनी theme के functions.php फ़ाइल में निम्नलिखित कोड को add करना होगा।

add_filter( 'teachguidehindi_fontawesome_essentials', 'teachguidehindi_fontawesome_essentials' );
function teachguidehindi_fontawesome_essentials()
{
 return true;
}

Newspaper theme से Emojis को भी रिमूव कर दें

यदि आप अपनी साइट मे emojis का इस्तेमाल नहीं करते हैं, So फिर इन्हें बैक-एंड मे लोड करने की कोई आवश्यकता नहीं है। तब आप इसे थीम के functions.php में निम्न कोड को जोड़कर निकाल/remove कर सकते हैं।

add_action( 'init', 'infophilic_disable_wp_emojicons' );
function infophilic_disable_wp_emojicons() 
{
 // all actions related to emojis
 remove_action( 'admin_print_styles', 'print_emoji_styles' );
 remove_action( 'wp_head', 'print_emoji_detection_script', 7 );
 remove_action( 'admin_print_scripts', 'print_emoji_detection_script' );
 remove_action( 'wp_print_styles', 'print_emoji_styles' );
 remove_filter( 'wp_mail', 'wp_staticize_emoji_for_email' );
 remove_filter( 'the_content_feed', 'wp_staticize_emoji' );
 remove_filter( 'comment_text_rss', 'wp_staticize_emoji' );
}

दुसरे scripts को भी Remove करें

Newspaper theme अपनी खुद की inbuilt embed script की विशेषताओं युक्त आता हैं। So यहाँ पर WordPress द्वारा एम्बेड स्क्रिप्ट का उपयोग करनें की कोई जररत नहीं है। इसी लिये WordPress embed script को रोकने के लिए हमें अपने थीम के functions.php फ़ाइल के अंत मे निम्न कोड को add करना होगा। यह सर्वर पर HTTP requests को भी कम करेगा।

// Remove WP embed script
function teachguidehindi_stop_loading_wp_embed() {
if (!is_admin()) {
wp_deregister_script('wp-embed');
}
}
add_action('init', 'teachguidehindi_stop_loading_wp_embed');

Jetpack scripts को रिमूव करें

Jetpack कार्यक्षमता के मामलें में और अपने WordPress साइट की सुरक्षा को बढ़ाने के लिए सबसे अच्छा plugins मे से एक है। जेटपैक का सिंगल साइन-ऑन (SSO) की बहुत अच्छी सुविधा हैं जो brute force attack से निपटने के लियें बहुत ही असरदार सिद्ध होता हैं।

But Jetpack के द्वारा scripts और CSS फ़ाइल को load करना जरुरी नहीं है। इसलिए सबसे अच्छा यह होगा की हम इसको remove करें। Jetpack plugin के द्वारा उपयोग करने वाले scripts को थीम्स के functions.php मे हम code को add करके remove कर सकतें हैं।

//Remove Jetpack css
add_filter( 'jetpack_implode_frontend_css', '__return_false' );

//Remove Jetpack script 
function jeherve_dequeue_devicepx() {
wp_dequeue_script( 'devicepx' );
}
add_action( 'wp_enqueue_scripts', 'jeherve_dequeue_devicepx' );

Finally

यह भी जरुर पढ़ें: Render-Blocking JavaScript & CSS Ko Kaise Fix Kare

जब आप यह सारे step को follow करे, तब आप उसके बाद आप अपने site को GTMetrix.com पर चेक करें। और मुझे यकीन है। कि आप अपनी Newspaper theme site की speed से संतुष्ट हो जायेंगे। But अगर आपको अब भी कोई problem हो रही तो आप बेहिचक कमेंट बॉक्स मे मुझसे पूछ सकतें है।

2 COMMENTS

LEAVE A REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.