कैसे मैंने अपने Website की Loading Speed को 24 से 99 तक बढ़ाया

यदि आपके Website की Loading Speed स्लो है और कोई विसीटर आपके वैबसाइट पर आता है और 3 सेकण्ड्स से ज्यादा का Load time देखता है तो 80% तक संभव है की वो आपके वैबसाइत से वापस चला जाएगा ।

आज मैं आपको बताने वाला हु की अपने website की speed को आप कैसे बढ़ा सकते है साथ ही मैं आपको प्रूफ के साथ दिखाऊँगा की कैसे मैंने अपने वैबसाइट की loading speed को optimize किया और कैसे मैंने स्पीड को 24 -99 तक बढ़ाया ।

Website की speed को मापने के लिए यहा पर मैं अभी Google Pagespeed का इस्तेमाल करूंगा वैसे मार्केट मे और भी टूल्स उपलब्ध है जैसे की GTMetrix और Ubersuggest

लेकिन आज मैं यहा पर Google Pagespeed से ही स्पीड की टेस्टिंग करूंगा और आपको बताऊंगा की इसे कैसे badhaye क्यूकी Google pagespeed काफी ज्यादा विसवासनीय और अच्छा टूल है अन्य के मुक़ाबले ।

Website के लिए fast loading speed जरूरी क्यू है?

पेजस्पीड आपके यूजर एक्सपीरियंस को प्रभावित करता है जो कि आपके Website को ब्रेक भी कर सकता है और बना भी सकता है ज्यादा तेजी से लोड होने वाले वेब पेजेस ज्यादा अच्छा यूजर एक्सपीरियंस प्रोवाइड करते हैं और पेज views को बढ़ाते हैं साथ ही यह कन्वर्जन रेट और बाउंस रेट को भी कम करते हैं

1. Improve User Experience by Increasing Website Speed

वेबसाइट स्पीड के ऊपर की गई रिसर्च की माने तो 47% कस्टमर ऐसे होते हैं जो की वेबसाइट को 2 सेकंड से ज्यादा लोड होने का समय बर्दाश्त नहीं कर पाते हैं

यदि आप की वेबसाइट 2 सेकंड से ज्यादा समय में लोड होती है तो यह आपकी यूजर एक्सपीरियंस को डैमेज कर देता है और भी बस आपके पेज को लोड होने के लिए वेट नहीं करेंगे वह आपके वेबसाइट से बाउंस हो जाएंगे और कोई दूसरा अच्छा यूजर एक्सपीरियंस वाला वेबसाइट खोज लेंगे

2. Increase Page Views

वेबसाइट की स्पीड पेज व्यूज को बढ़ाने में मदद करती है क्योंकि वेबसाइट की स्पीड ज्यादा होने से गूगल उस पेज को ज्यादा Rank कर सकता है उन पेज के मुकाबले जो कि slow load होते हैं साथ ही यदि आपकी वेबसाइट की speed ज्यादा है और पेजेस बहुत ही fast load हो रहे हैं तो ये आपके Ui को भी इम्प्रूव करता है ।

3. Increase Conversions

यदि आपका पेज जल्दी लोड होता है तभी यूजर आपके दूसरे पेजेस पर भी जाना पसंद करते हैं इसका ज्यादा प्रभाव ई-कॉमर्स टाइप वेबसाइट पर देखने को मिलता है

यदि आपके वेबसाइट पर यूजर कुछ सर्च करता है और वह जल्दी से लोड नहीं होता है तब वह आपके वेबसाइट से क्विट कर देगा और वही यदि इसके विपरीत तेजी से सर्च परफॉर्म हो रहा है यानी कि आपके वेबसाइट की स्पीड अच्छी है तो यूजर आपके वेबसाइट पर विजिट करता रहेगा जो कि कन्वर्जन रेट को बढ़ाता है

4. Lower Bounce Rate

Think with Google के अनुसार यदि आप की वेबसाइट 1 सेकंड से 3 सेकेंड के अंदर लोड होती है तब आपका बाउंस रेट 32 परसेंट तक बढ़ता है वही है दिया 3 सेकंड से 6 सेकंड के बीच लोड होती है तब या 90 प्रतिशत तक बढ़ सकता है यानी कि कुछ सेकंड का डिफरेंस बहुत ही बड़ा अंतर क्रिएट कर सकता है

Pagespeed Insight Field Data को समझिए

गूगल पेज स्पीड इंसाइड डाटा का पहला सेट फील्ड डाटा कहा जाता है जिसके मुख्यता चार कंपोनेंट्स होते हैं जो की Speed और परफॉर्मेंस के मुख्य फैक्टर के रूप में जाने जाते हैं

1. First Contentful Paint (FCP)

जब आपका ब्राउज़र इनिशियल इंफॉर्मेशन को रेंडर करता है तो वह इंफॉर्मेशन टेक्स्ट इमेज बैकग्राउंड इमेज कैनवस वेक्टर ग्राफिक्स जैसे कि एसवीजी को कंटेन किए हुए होता है तो इसे पूरा रेंडर करने में जितना समय लगता है यह उसी समय को मापता है

2. Largest Contentful Paint (LCP)

एलसीपी एक तरह का गूगल एक्सपीरियंस मैट्रिक होता है जो कि आपके वेबसाइट पर उपलब्ध सबसे ज्यादा साइज की इंफॉर्मेशन को लोड होने में कितना समय लगता है उसे मेजर करता है पेज Speed और Ranking Factor के लिए गूगल मुख्यतः LCP का ही उपयोग करता है

3. Cumulative Layout Shift (CLS)

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

यह ज्यादातर इमेज एडवर्टाइजमेंट वीडियोस कांटेक्ट फॉर्म्स या फिर बुरी तरीके से की गई कोडिंग के कारण होता है

4. First Input Delay (FID)

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

Website की speed के लिए Lab Data को समझिए

गूगल पेज स्पीड इंसाइड के डाटा सेट में दूसरा सेट Lab डाटा का होता है जोकि फील्ड डाटा के एलिमेंट्स के साथ-साथ Blocking Time, Speed Index, Time to interact इत्यादि को मेजर करता है

1. Speed Index (SI)

Speed Index आपके वेबसाइट पर सारे एलिमेंट्स को दिखने में जितना समय लगता है उसी का एवरेज मिली सेकंड में मेजर करता है जोकि विजुअल एलिमेंट्स को आपके Website पर Load होने में कितना समय लगता है उसे मेजर करता है

2. Time to Interactive (TTI)

आपके वेबसाइट पर इंटरेस्ट होने वाले एलिमेंट जितने समय में पूरी तरीके से फंक्शनल यानी कि काम करने लायक हो जाते हैं यानी कि उनसे जुड़े जावास्क्रिप्ट सीएसएस एचटीएमएल कोड लोड हो जाता है उसी को TTI मेजर करता है

3. Total Blocking Time (TBT)

टोटल ब्लॉकिंग टाइम फर्स्ट कंटेंटफुल पेंट से लेकर के पूरे वेबसाइट के लोड होने तक के समय को मीटर करता है

Website Ki Speed Kaise Badhaye

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

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

इसके बाद पेज स्पीड लगभग 30 से 40 सेकेंड के अंदर आपके website ki speed को मेजर करके दिखा देगा ।

यह आपको 1-100 तक के स्केल पर आपके वेबसाइट की स्पीड को दिखाता है

उदाहरण के तौर पर मैं अपने वेबसाइट की स्पीड को टेस्ट कर रहा हूं आइए देखते हैं इसकी स्पीड Mobile और Desktop डिवाइस के लिए कितनी है

• 

• 

जैसा कि आप ऊपर देख सकते हैं मोबाइल डिवाइस और डेक्सटॉप डिवाइस दोनों के लिए स्पीड कितनी है यदि आपको झूठ लग रहा हो क्योंकि स्पीड बहुत ही ज्यादा है तो आप मेरे किसी भी पेज की स्पीड को चेक कर सकते हैं और कमेंट करके बता सकते हैं की स्पीड कितनी है

चलिए अब आपको बताते हैं कि ऐसी स्पीड पाने के लिए आपको क्या करने हैं

1. Move to a Better Hosting

एक अच्छी ऑस्टिन आपके वेबसाइट की स्पीड को नॉर्मल ई 30 से 40% तक बढ़ा सकती है इसलिए आप हमेशा अच्छे Web Hosting का इस्तेमाल करें

पहले मैंने अपने वेबसाइट को शेयर्ड होस्टिंग सर्विस पर होस्ट किया हुआ था तब मेरे वेबसाइट पर स्पीड मोबाइल डिवाइस के लिए 40 से 50 और डेस्कटॉप के लिए 70 आती थी

फिर मैंने DigitalOcean के VPS सरवर कौ खरीदा और अपने वेबसाइट को होस्ट किया डिजिटल ओसियन पर यदि आप अपने वेबसाइट को मूव करना चाहते हैं तब आप नीचे दिए गए लिंक पर क्लिक करके अकाउंट बना सकते हैं इस लिंक पर क्लिक करने से आपको तुरंत ही $100 मिल जाएंगे

SignUp to DigitalOcean and Get $100

मैंने $5 पर मंथ वाले प्लान को यूज किया हुआ है जो कि लगभग 10,000 दिल्ली ट्रैफिक को संभाल सकता है और स्पीड तो आप देख ही रहे हैं मुझे बताने की जरूरत नहीं है

2. Limit Redirects

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

3. Compress and Optimize Images

जब भी आप अपने आर्टिकल में किसी इमेज को अपलोड कर रहे हैं तब आप उस इमेज को इमेज की क्वालिटी को बिना घटाएं इमेज की साइज को रिड्यूस करिए उसके बाद आप उस इमेज को अपलोड करिए इससे आपके आर्टिकल की साइज कम होगी और आपका पेज जल्दी से लोड हो जाएगा इमेज की साइज को बिना क्वालिटी के नुकसान हुए कम करने के लिए Reduce Images टूल का इस्तेमाल कीजिए

4. Use Cache and Cookies

दोस्तों Cache और Cookies आपके website ki speed को badhane के लिए बहुत ही फायदेमंद साबित होती हैं इसके लिए मेरी राय में आप दो प्लगइन इंस्टॉल करिए

1. Wprocket
2. Autoptimize

मैं भी इस समय इन दोनों प्लगिंस का एक साथ इस्तेमाल कर रहा हूं और मुझे बेस्ट रिजल्ट देखने को मिल रहा है जब भी कोई विजिटर आपके वेबसाइट पर विजिट करता है और किसी पेज को लोड करता है तब कैसे प्लगइन विजिटर के डिवाइस में आपके वेबसाइट के स्टैटिक कॉन्टेक्ट्स को सेव कर देते हैं

और आपके सर्वर पर उस आर्टिकल का स्टैटिक पेज तैयार करते हैं इसके बाद दोबारा फिर कभी यदि कोई उसी पेज को एक्सेस करता है तब यह उसी स्टैटिक पेज को बिना सर्वर के ऊपर किसी प्रकार का लोड दिए हुए जैसे कि डेटाबेस , पीएचपी सर्वर एक्सेस लोड के बिना ही उस स्टैटिक फाइल से डाटा को विजिटर तक पहुंचा देता है

5. Use Lazy Loads for Images

यदि आप अपने आर्टिकल में एक से ज्यादा इमेजेस का इस्तेमाल कर रहे हैं तब आपको लेजीलोड का इस्तेमाल करना चाहिए वर्डप्रेस में लेजीलोड को इंप्लीमेंट करने के बहुत सारे plug-ins उपलब्ध है जैसे कि डब्ल्यूपी रॉकेट ऑटोप्टिमाइज इत्यादि

इससे यह इमेजेस को लोड होने से रोकते हैं और आपके वेबसाइट के पूरे कांटेक्ट के लोड होने के बाद जैसे-जैसे यूजर स्क्रॉल करता है वैसे वैसे इमेजेस को लोड करते हैं इससे आपके website ki speed पर कोई फर्क नहीं पड़ता है और आपकी वेबसाइट बहुत ही तेजी के साथ लोड होती है

6. Minify Your HTML , CSS or JS

दोस्तों अभी तक आपको समझ में आ गया होगा कि ऑटोप्टिमाइज और डब्ल्यूपी रॉकेट प्लगइन कितना ज्यादा लाभदायक हैं वेबसाइट की स्पीड को बढ़ाने के लिए तो मेरे ख्याल से अब तक आपने इन दोनों प्लगिंस को इंस्टॉल कर लिया होगा ध्यान रहे कि इसके अलावा आपको किसी और प्लगइन का इस्तेमाल नहीं करना है क्योंकि इन दोनों प्लगिंस का आपस में कंपैटिबिलिटी एकदम परफेक्ट है

इसके बाद आपको ऑप्टिमाइज प्लगइन में सीएसएस कोड जावास्क्रिप्ट कोड और एचटीएमएल कोड को ऑप्टिमाइज करना है साथ ही मिनिफाई बटन पर भी क्लिक कर देना है

ध्यान रहे कि आपको डब्ल्यूपी रॉकेट प्लगइन में कुछ भी नहीं करना है ऑप्टिमाइजेशन के लिए बाकी आप डब्ल्यूपी रॉकेट प्लगइन में कैश को इनेबल कर लीजिएगा

ऐसे ही आप नीचे स्क्रॉल करके जाइएगा और आपको एचटीएमएल और सीएसएस को मिनिफाई और ऑप्टिमाइज करने का ऑप्शन मिलेगा आप उसे इनेबल कर लीजिएगा

7. Enable GZip Compression Method

दोस्तों यह एक ऐसा मेथड है जो कि सरवर से डिलीवर होने वाली पूरी की पूरी फाइल को कंप्रेस करके आपके ब्राउज़र तक डिलीवर करता है

जैसे कि या पूरे के पूरे साइज माननी चाहिए 200 केबी है तब यह उसे कंप्रेस करके 50 से 60 केबी में करके डिलीवर कर देता है ।

जिससे आपके website की speed बहुत ही ज्यादा बढ़ जाती है

शेयर्ड होस्टिंग में यह इनेबल रहता है किसी किसी हॉस्टल में इनेबल नहीं रहता है

बाकी यदि आप DigitalOcean की होस्टिंग का इस्तेमाल कर रहे हैं तब आप इसे सिंपल GZIP सॉफ्टवेयर को इंस्टॉल करके कंप्रेशन चालू कर सकते हैं

इसके लिए बस आपको सॉफ्टवेयर इंस्टॉल करना है और आपके सरवर के कॉन्फ़िगरेशन में GZIP सेटिंग को कॉन्फ़िगर कर देना है

8. Nearest Server Location का चुनाव करे

जब भी आप होस्टिंग का चयन कर रहे हो तब आप नियरेस्ट सरवर का चयन करिए क्योंकि यदि आप दूर का सरवर सिलेक्ट करते हैं तब आपके रीजन से उस सरवर के रीजन तक पहुंचने में ही 70 से 80 एमएस का समय लग जाता है या इससे ज्यादा भी लग सकता है वहीं यदि आप डिजिटल ओसियन का चयन कर रहे हैं तब आपको इंडिया का बेंगलुरु सरवर यूज करना है

इसलिए हॉस्टल के सर्वर की लोकेशन को यूज करते समय हमेशा अपने यूजर के लोकेशन का ध्यान रखें यदि आपके यूजर इंडिया से हैं तब आप इंडिया के लोकेशन का इस्तेमाल करिए वहीं यदि आपके यूजर अमेरिका इत्यादि से हैं तब आप वहां के सरवर का इस्तेमाल कर सकते हैं

9. Remove Extra Plugins and Elements

दोस्तों आपको website ki speed को बढ़ाने के लिए फालतू के प्लगिंस को इंस्टॉल नहीं करना है यदि आप इंस्टॉल किए हुए हैं तो आप उसे तत्काल रिमूव कर दीजिए ।

इसके अलावा आपने बहुत सारे लोगों को देखा होगा कि वह साइड बार अथवा फूटर में फालतू के एलिमेंट्स जैसा कि कैलेंडर गैलरी इत्यादि को लगाए हुए होते हैं तो आपको यह फालतू का काम नहीं करना है ।

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

10. Ads ko fast loading बनाये

यदि आप अपने वेबसाइट पर एडवर्टाइजमेंट यानी कि गूगल ऐडसेंस का इस्तेमाल कर रहे हैं और Ads के लोड होने का समय काफी ज्यादा है तो ऐसे में यह आपके पूरे वेबसाइट की स्पीड को इफेक्ट करता है ।

इसलिए आपको अपने ऐडसेंस एडम्स का लोड टाइम बढ़ाना है इसके लिए मैंने एक बहुत ही बढ़िया आर्टिकल लिखा हुआ है एड्स के लोड टाइम को बढ़ाने के लिए आप इस आर्टिकल को पढ़ सकते हैं।

>>Adsense ads को fast loading कैसे बनाए

11. Use Lite weight fast loading themes

आप अपने वेबसाइट पर किस प्रकार का थीम यूज कर रहे हैं यह आपके वेबसाइट की स्पीड को बहुत ही ज्यादा इफेक्ट करता है इसलिए आप अपने वेबसाइट की स्पीड को बढ़ाने के लिए हमेशा लाइटवेट और अच्छे थीम्स का ही इस्तेमाल करिए ।

उदाहरण के तौर पर आप एलिमेंटल जेनेसिस न्यूज़ एक्स इत्यादि फ्रेमवर्क पर बने थीम्स का इस्तेमाल कर सकते हैं साथ ही ऐसे थीम्स का इस्तेमाल करें जिनकी लोडिंग स्पीड बहुत ही ज्यादा हो और ज्यादा एक्सटर्नल रिसोर्सेज का यूज ना कर रहे हो और इनकी साइज कम हो।

12. External Resources का लिमिटेड इस्तेमाल करिए

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

इसलिए जितना संभव हो कम से कम रिसोर्सेज का इस्तेमाल करें और स्टैटिक एक्सटर्नल रिसोर्सेज के कंटेंट को अपने वेबसाइट पर अपलोड करके उसका लिंक अपने वेबसाइट के लिंक से चेंज कर दीजिए

13. CDN का इस्तेमाल करिए

आप अपने वेबसाइट की स्पीड को और ज्यादा बढ़ाने के लिए सीडीएन जाने की कंटेंट डिलीवरी नेटवर्क का इस्तेमाल कर सकते हैं मैं अभी इस वेबसाइट पर किसी भी प्रकार का सीडीएन का इस्तेमाल नहीं कर रहा हूं ना ही मैं आपको रिक्वेस्ट कर रहा हूं ।

लेकिन फिर भी यदि आपके पास बजट है तब आप सीडीएन का जरूर इस्तेमाल करिए

Conclusion:

दोस्तों अब तक आपको समझ में आ गया होगा कि Website ki speed kaise badhaye यदि आपको फिर भी कहीं कोई दिक्कत हो रही हो या कुछ समस्या है तब आप कमेंट करके हम से पूछ सकते हैं इस आर्टिकल को आप अपने दोस्तों के साथ फेसबुक व्हाट्सएप इत्यादि के माध्यम से शेयर अवश्य करें

हम आपके लिए बहुत ही मेहनत से कोंटेक्ट तैयार करते हैं इसलिए आपको हमारा आर्टिकल कैसा लगा कमेंट के माध्यम से हमें जरूर बताएं

खाश आपके लिए –

• वैबसाइट पर ट्रेफिक लाने के 62 दमदार तरीके
• Seo करने के टॉप 22 मेथड्स
• Blogger vs WordPress : दोनों मे से विजेता कौन