Blog speed

WordPress blog की loading speed कैसें बढ़ाए in hindi. 100% working.

Blog speed बहुत महत्वपूर्ण होती हैं! अच्छी loading speed के होने से बहुत सारे फायदे होते हैं! इस post में हम loading speed को बढ़ाने वाले factors के बारे में जानेंगे और उनको व्यवस्थित करना सीखेंगे! बिना समय गंवाए शुरू करते हैं! अपने blog की loading speed बढ़ाने से पहले यह देख लेते हैं कि अपने blog की speed कितनी हैं!

Blog की Loading speed कैसें check करें?

Loading speed check करने के लिए आप निम्न tools का प्रयोग कर सकते हैं! यह बहुत आसान हैं, निम्न मे से किसी एक tool पर click अपने blog का URL डाले और analysis करें! कुछ देर बाद result आपके सामने होगा!

  1. Page speed insights google
  2. GT matrix
  3. Pingdom

हम यहाँ पर google insights से analysis करते हैं और results देखते हैं! यह mobile और desktop दोनों के लिए अलग-अलग result दिखाता हैं! आपका mobile वाला score अच्छा होना आवश्यक हैं क्योंकि mobile users, desktop users से कई अधिक हैं! loading speed से blog का निर्धारण निम्न प्रकार किया जाता हैं!

  • 🔺️ 0-49 ➖ poor speed blog
  • 🟧 50-89➖ need improvement blog
  • 🟢 90-100➖ Good speed blog

यदि आपका score 50 से कम आ रहा हैं तो आपकों ध्यान देने की जरूरत हैं! आपकों कुछ changes करने होंगे!

कुछ changes करने से पहले अपने blog का backup लेना आवश्यक हैं! हालांकि data lost नहीं होता हैं, परंतु by the way हो जाए तो अपने पास backup होना आवश्यक हैं!

WordPress blog का backup कैसें ले?

आपकों जानकारी हो तो आप manually भी backup ले सकते हैं! अन्यथा UpdraftPlus WordPress Backup plugin का उपयोग कर आसानी से backup ले!

WordPress blog की loading speed बढ़ाए

Plugin के द्वारा

Loading speed बढ़ाने के लिए manually तो आपकों काफी मेहनत लगेगी और जानकारी भी होनी चाहिए, लेकिन plugin की मदद से यह कार्य आसान हो जाता हैं! तो आइए जानते हैं कौन कौन से plugin install करने होंगे।

1. सबसे पहले आपको Swift Performance Lite plugin install करना होगा! इसे आप plugins>>Add new>> Search box में “Swift Performance Lite” search >>install कर ले फिर >>Activate कर ले!

  1. अब आपकों “AUTOCONFIG” पर click करें और “start ” करे!
  2. यह कुछ समय लेगा! फिर “NEXT” पर click कर आगे बढ़े!
  3. यहाँ आपसे Email तथा cloudflare GLOBLE API मांगेगा!
  4. यह आप cloudflare पर जाकर >>API TOKEN से ले सकते हैं! यदि आपका cloudflare पर account नहीं बना हुआ हैं तो वह बनाना होगा!
  5. आगे “Swift Performance Lite setting ” पर click करें!
  6. अब आप advance view पर click कर अपने according setting कर सकते हैं – यह निम्न प्रकार दिखेंगे (ये buttons नहीं है , दिखाया गया हैं कि कैसें दिखेंगे )

Swift Performance Lite setting

Tweaks

  1. Prefetch DNS (ON)
  2. Gravatar cache (ON) cache expiry (1 weak या 1 month)

Google analytics

  1. Bypass google analytics (ON)
  2. Tracking ID डाले!
  3. अपनी tracking id लेने के लिए google analytics में जाए, नीचे की ओर “admin ” पर click कर tracking id प्राप्त करे!

Media

  1. Embed में जाकर lazy load iframe (ON)

Optimization

General
  1. Optimize in background (ON)
  2. Minify HTML (ON)
  3. Emoji (disable)
Script
  1. Merge script (ON)
Style
  1. Merge styles(ON)

Caching

General
  1. Enable caching (ON)
  2. Caching Mode – disk cache with rewrites
  3. Enable browser cache (ON)
  4. Enable Gzip (ON)
  5. Cache 404 file (ON)
  6. Enable dynamic caches (ON)

Save changes पर click करें

A3 lazy load plugin

अब a3 lazy load plugin install करें, और activate कर ले! इसमें किसी प्रकार की setting करने की आवश्यकता नहीं हैं! बस install करना हैं!

Assets cleanup plugin

यह plugin install कर activate कर ले! Setting में कोई changes नहीं करना हैं!

Swift performance lite ➕ A3 lazy load ➕ assets cleanup की setting के लिए निम्न video देख सकते हैं ⬇️

उपरोक्त setting के साथ एक problem हैं! कभी -कभी homepage या किसी विशेष page पर ads व post images show नहीं हो रहे थे! इसे fix करने के लिए swift performance lite plugin में जाए और update करे तो problem fix हो जाती! लेकिन automatically कुछ समय बाद same problem वापस आ जाती! जिसका मुझे कोई solution नहीं मिला! अगर आप के पास हो तो जरूर share करें! आपके साथ भी ads वाली समस्या आती हैं तो यह setting आपके लिए कोई मतलब की नहीं हैं!

🟢 अपने blog में breadcrumbs का होना क्यों आवश्यक हैं?

🔵 निकट भविष्य में क्या बेहतर होगी blogging or vlogging

🟤 blog के लिए copyright free images कहाँ से लाए।

अगर इस method से आपके blog की speed नहीं बढ़े तो आपकों दूसरा तरीका अपनाना होगा! आइए जानते हैं-

अपने blog की की speed manually कैसें बढ़ाए ?

मेन्यूअली speed बढ़ाने के लिए आपको बहुत सी बातों का ध्यान रखना होगा!

जब google insights से analysis करते हैं तो हमारे सामने मुख्यत: निम्न problems आती हैं –

  • 🔺️ Reduce initial server response time
  • 🔺️ Eliminate render-blocking resources
  • 🟧 Preload Largest Contentful Paint image
  • Serve images in next-gen formats
  • 🟧 remove unused CSS
  • 🟧 remove unused javascript

अब हम एक-एक problem का solution जान लेते हैं-

How to Reduce initial server response time

यह काफी चीज़ों पर निर्भर करता हैं like – hosting, theme, page size ,plugins, images etc. अर्थात्‌ ये सब अगर fast work कर रहे हैं तो initial server response time भी कम लगेगा! Fast loading theme का प्रयोग करें जैसे- astra, generatepress आदि free themes हैं!

Eliminate render-blocking resources

यह बताता हैं कि आपकी कोई javascript या CSS load होने में काफी समय ले रहीं हैं! इस पर click कर देख सकते हैं कि कौन कौन सी script अधिक समय ले रहीं हैं!

इसे fix करने के लिए आपको एक plugin download करना होगा, यह हैं hummingbird. इसे Download कर activate कर ले! अब assets optimization पर click कर इसे automatically पर set करे और publish changes पर click करें! फिर cashing पर click कर cache clear कर ले! हो गया काम आपका!

Eliminate render-blocking resources में दिखाई दे रहीं script को manually हटाने के लिए निम्न video देख सकते हैं⬇️

Note- अगर video में बताए अनुसार setting करने से आपके blog में कोई problem आती हैं तो setting reverse कर ले! Setting reverse करना भी video में बताया गया हैं!

Preload Largest Contentful Paint image

Search console से error validation करें?
  1. इसके लिए google में “search consolesearch करें अब core web vitals पर click करें! अगर कोई error दिख रहा हो तो validate करें! इसी प्रकार coverage में भी देख ले की कोई error तो नहीं हैं, अगर कोई मिलता हैं तो validation start कर दे!
  2. Optimized images का प्रयोग करें!
  3. First page पर small size images का प्रयोग करे!

Serve images in next-gen formats

जब भी आप अपने blog में image uploade करते हैं तो आप को ध्यान रखना चाहिए कि image size अधिक नहीं होना चाहिए! Image type next-generation का होना चाहिए! अर्थात्‌ images JPEG 2000, JPEG XR, and WebP format में होनी चाहिए! इसमें WebP format सबसे अच्छा लगा जिसमें file size आधी से भी कम हो जाती हैं! तो images को WordPress media library में upload करने से पहले WebP में convert करना होगा!

Image को WebP format में कैसें convert करें?

Online image converter tool का प्रयोग कर आसानी से किसी भी image को WebP format में convert कर सकते हैं! Convert तो कर लिया लेकिन wordpress WebP format allow नहीं करता हैं, इसलिए पहले allow करवाना होगा!

WordPress में WebP format images कैसें allow करें ?

यह बहुत आसान हैं! बस आपको एक plugin install करना हैं और activate करना हैं! WebP allow

अब आप WebP format images को WordPress media library में आसानी से upload कर सकते हैं! आपके media library में सभी images WebP format मे होनी चाहिए!

remove unused CSS and javascript

CSS और javascript को Minify करने के लिए काफी plugins available हैं लेकिन unused CSS और javascript को बिल्कुल remove करने के लिए आपकों निम्न steps follow करने होंगे!

  1. सबसे पहले अपने laptop के chrome browser से अपने blog को search कर open कर ले!
  2. अब Ctrl +shift +I दबाकर developer Mode open कर ले!
  3. आगे आपकों right side में दो जगह 3 dots दिखेंगे ,नीचे वाले 3 dots पर click कर more tools पर click करें!
  4. अब coverage पर click करें!
  5. नीचे खाली जगह मे 🔄 refresh पर click करें!
  6. आगे आपको red, blue bar दिखाई देंगे!
  7. Red bar दिखाता हैं कि आपकी इतने प्रतिशत script काम नहीं आ रही हैं!
  8. आगे की जानकारी आपको इस video से अच्छे से समझ आएगी! पढ़ने से समझ नहीं पाओगे!

जैसा कि आपने वीडियो में देखा यह बहुत मेहनत का काम है लेकिन यकीन मानिए यह 100% working हैं!

Cloudflare से optimization करें

इसके लिए cloudflare account में log in करें! अब speed पर click करे! अब test पर click कर optimize करें!

सारांश

दोस्तों आशा करता हूं कि अब आप के blog की page speed बढ़ गई होगी! अगर अब भी नहीं बढ़ी तो आपकों AMP का इस्तेमाल करना चाहिए! यह निश्चित ही आपके BLOG की SPEED (50-60 तक तो) बढ़ा देगा! जो मेरे ख्याल से प्रयाप्त हैं! AMP के लिए निम्न VIDEO की सहायता ले सकते हैं-

अगर आपके BLOG की SPEED 50-60 के लगभग भी हैं तो चलेगा! फालतू परेशान नहीं हो और अपने CONTENT पर ध्यान दीजिये! बहुत से बड़े blogger हैं जिनकी page speed इतनी ज्यादा नहीं हैं, normal हैं! यह post बनाते समय मेरे BLOG में भी speed related काफी error हैं! मेरे पास समय की कमी होने के कारण कुछ error fix नहीं कर पाता हूँ! जब भी मुझे समय मिलता हैं CONTENT लिखने लग जाता हूँ!

आशा करता हूं यह post आपको अच्छी लगी होगी और यह आपके blog speed की समस्या का समाधान करने मे सहायक होगी!फिर भी practically आपको कोई समस्या आए तो बेझिझक comment करें! आपके हर सवाल का जवाब देने की कोशिश करूंगा!

जय हिंद। जय भारत।

Leave a Reply

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

error: Content is protected !!
%d bloggers like this: