अपनी वेबसाइट को मोबाइल पर तेजी से लोड कैसे करें (2024)

मोबाइल उपकरणों पर आपकी वेबसाइट का प्रदर्शन अब डेस्कटॉप पर प्रदर्शन करने की तुलना में अधिक महत्वपूर्ण है।

ऐसा इसलिए है क्योंकि डेस्कटॉप का उपयोग करने वाले लोगों की तुलना में इंटरनेट का उपयोग करने वाले लोगों की संख्या अधिक है।

के अनुसार StatCounter, दुनिया भर में 50% से अधिक इंटरनेट उपयोगकर्ता मोबाइल उपकरणों का उपयोग करते हैं। जबकि 47% से कुछ ही अधिक डेस्कटॉप का उपयोग करते हैं।

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

मोबाइल पर आपकी साइट का प्रदर्शन बहुत महत्वपूर्ण है एसईओ. गूगल का दृष्टिकोण अब यह है कि मोबाइल-पहला अनुक्रमण. इसका मतलब है कि Google किसी वेबसाइट के मोबाइल संस्करण का उपयोग अनुक्रमण और रैंकिंग के लिए करता है।

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

अपनी वेबसाइट को मोबाइल पर तेजी से लोड करने से आपका SEO बेहतर होगा, बाउंस दर कम होगी और रूपांतरण बढ़ेगा।

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

अपनी वेबसाइट की गति का परीक्षण

पहली चीज जो आपको करनी चाहिए वह है मोबाइल पर अपनी साइट की गति का परीक्षण करना। इससे आपको एक स्पष्ट तस्वीर मिल जाएगी कि आपकी साइट कितनी तेज या धीमी है।

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

कई हैं मोबाइल परीक्षण उपकरण, लेकिन मैं Google का उपयोग करना पसंद करता/करती हूं मेरी साइट का परीक्षण करें मोबाइल स्पीड टेस्ट के लिए

बस यात्रा करें ThinkWithGoogle और अपनी साइट का URL दर्ज करें। आपको यह जांचने में सक्षम होना चाहिए कि आपकी साइट कितनी तेज़ है।

मेरे लिए, 3 सेकंड के भीतर लोड होने वाली साइट काफी अच्छी है। लेकिन Think With Google कम से कम 2.4 सेकंड की अनुशंसा करता है।

मोबाइल पर अपनी वेबसाइट को तेजी से कैसे लोड करें

मोबाइल पर अपनी साइट को गति देने के सर्वोत्तम अभ्यास यहां दिए गए हैं:

रिस्पॉन्सिव थीम का इस्तेमाल करें

रिस्पॉन्सिव थीम एक ऐसी थीम है जो सभी डिवाइस में फिट होने के लिए एडजस्ट हो जाती है। इसका मतलब यह है कि भले ही आपके उपयोगकर्ता डेस्कटॉप या मोबाइल या टैबलेट से आते हों, आपकी थीम उन्हें आपकी वेबसाइट का एक ऐसा संस्करण प्रदान करेगी जो उनके द्वारा उपयोग किए जा रहे किसी भी उपकरण पर फिट बैठता है।

किसी वेबसाइट के डेस्कटॉप संस्करण को मोबाइल उपयोगकर्ताओं को दिखाने से लोड समय धीमा हो जाएगा। और यह उपयोगकर्ता अनुभव के लिए भयानक है।

रेस्पॉन्सिव थीम का इस्तेमाल करना बहुत जरूरी है। यह मोबाइल पर फास्ट वेबसाइट का पहला आधार है। कई उत्तरदायी विषय हैं जिन्हें आप चुन सकते हैं। मेरी सूची के माध्यम से पढ़ें शीर्ष 10 सबसे तेज और सर्वश्रेष्ठ वर्डप्रेस थीम, वहां सूचीबद्ध कोई भी विषय काफी अच्छा और उत्तरदायी है।

एक तेज़ वेब होस्ट का उपयोग करें

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

यदि आपके पास एक धीमा वेब होस्ट है, चाहे आप अपनी वेबसाइट को कैसे भी अनुकूलित करें, हो सकता है कि आपको कोई महत्वपूर्ण सुधार दिखाई न दे।

मेरा सुझाव है Cloudways और Kinsta स्थापित वेबसाइटों के लिए। लक्ष्य प्रवृत्ति Cloudways पर होस्ट किया गया है। शुरुआती साइटों के लिए, मैं अनुशंसा करता हूं Bluehost.

एएमपी . का प्रयोग करें

त्वरित मोबाइल पेज (एएमपी) एक परियोजना गूगल द्वारा मोबाइल पर वेबसाइटों की गति बढ़ाने के लिए यह पहल की गई है।

एएमपी मोबाइल ब्राउज़िंग के लिए अनुकूलित है और वेबसाइट के लोड समय को काफी तेज करने में मदद कर सकता है। यह भी हो सकता है अनुरोधों की संख्या कम करें एक अध्ययन के अनुसार 77% से अधिक।

आप AMP को इंस्टॉल करके शुरू कर सकते हैं आधिकारिक एएमपी प्लगइन. अन्य एएमपी भी हैं plugins, आप उनका भी उपयोग कर सकते हैं.

एक बार जब आप प्लगइन को सक्रिय कर लेते हैं, तो आप उपलब्ध तीन मोड में से कोई भी चुन सकते हैं। यदि आपके अधिकांश विज़िटर मोबाइल से आते हैं, तो संक्रमणकालीन या मानक मोड का उपयोग करने पर विचार करें। लेकिन आपका विषय एएमपी संगत होना चाहिए।

आलसी लोड चित्र

छवियां किसी वेबसाइट को धीमा कर सकती हैं, विशेष रूप से मोबाइल उपकरणों पर। उन्हें संभालने का सबसे अच्छा तरीका यह है कि जब उपयोगकर्ता इसे स्क्रॉल करते हैं तो उन्हें लोड करना होता है। इस तरह, वे केवल जरूरत पड़ने पर ही लोड होंगे और इसलिए लोड समय पर बहुत कम या कोई प्रभाव नहीं पड़ेगा।

यदि आप अपनी वेबसाइट का परीक्षण करने का प्रयास करते हैं पृष्ठ गति अंतर्दृष्टि or वेब.देव और आपको "ऑफ़स्क्रीन छवियों को स्थगित करने" की चेतावनी दी जाती है, इसका मतलब है कि छवियां आपके लोड समय को धीमा कर रही हैं और आपको उन्हें आलसी लोड करने पर विचार करना चाहिए।

छवियों को लोड करने में देरी करना छवियों को लोड करने में देरी करने के बारे में है जब तक कि उपयोगकर्ता इसे स्क्रॉल नहीं करता। इससे गति में सुधार हो सकता है।

वहां कई प्लगइन्स आलसी लोडिंग को संभालने के लिए। अधिकांश कैश प्लग इन और इमेज ऑप्टिमाइजेशन प्लग इन में आलसी लोडिंग विकल्प होते हैं।

रेंडर-ब्लॉकिंग संसाधनों को हटा दें

रेंडर-ब्लॉकिंग रिसोर्सेज को खत्म करने से मोबाइल पर आपकी वेबसाइट का लोड टाइम तेज हो सकता है।

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

इन संसाधनों को समाप्त करने से लोड समय में तेजी आ सकती है। Autooptimize जैसे प्लगइन्स हैं जो रेंडर-ब्लॉकिंग संसाधनों को खत्म करने में मदद कर सकते हैं।

मेरे पास इस पर एक उपयोगी लेख है, आपको पढ़ना चाहिए: वर्डप्रेस में रेंडर-ब्लॉकिंग रिसोर्सेज को कैसे खत्म करें.

अप्रयुक्त सीएसएस निकालें

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

जैसे प्लगइन्स हैं Perfmatters और एसेट क्लीनअप जो अप्रयुक्त सीएसएस को हटाने में मदद कर सकता है।

मैंने इस पर एक सरल मार्गदर्शिका लिखी है: WordPress में अप्रयुक्त CSS और JS को कैसे हटाएं.

क्रिटिकल सीएसएस जेनरेट करें

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

ऐसे प्लगइन्स हैं जो क्रिटिकल सीएसएस जेनरेट करने में मदद कर सकते हैं। WP रॉकेट ऐसा कर सकता है, लाइटस्पीड कैश और WP प्रदर्शन महत्वपूर्ण सीएसएस भी उत्पन्न कर सकते हैं।

एक अच्छा कैशिंग सिस्टम रखें

किसी वेबसाइट को गति देने के लिए कैशिंग एक बहुत ही विश्वसनीय तरीका है। आपको अपने मोबाइल विज़िटर को कैश्ड सामग्री प्रदान करने के लिए एक प्रभावी कैशिंग प्लगइन का उपयोग करना चाहिए। WP रॉकेट एक प्रीमियम कैशिंग प्लगइन है जो बहुत प्रभावी है। W3 कुल कैश, अगर अच्छी तरह से कॉन्फ़िगर किया गया हो तो बहुत प्रभावी हो सकता है।

बहुत से प्रबंधित वेब होस्टिंग कंपनियां सर्वर स्तर कैशिंग प्रदान करें। पता लगाएँ कि क्या आपका वेब होस्ट वही ऑफ़र करता है और यदि वह बॉक्स से बाहर नहीं है तो उन्हें आपकी साइट के लिए सक्रिय करने के लिए कहें।

आप अपने मेजबान से वार्निश कैश को स्थापित और सक्रिय करने का अनुरोध कर सकते हैं। वार्निश कैश वेबसाइटों को गति देने के लिए जाना जाता है।

छवियों का अनुकूलन

सुनिश्चित करें कि आप छवियों को संपीड़ित करते हैं। मैं उन्हें अपलोड करने से पहले छवियों को पूरी तरह से संपीड़ित करना पसंद करता हूं। हालाँकि, कई प्लगइन्स हैं जैसे कि इष्टतम और अन्य जो वर्डप्रेस के अंदर छवियों को संपीड़ित करने में मदद कर सकते हैं।

WebP इमेज परोसने से वेबसाइट की गति को भी बढ़ाने में मदद मिल सकती है। वेबपी जेपीजी और पीएनजी से छोटे हैं, इसलिए अधिक गति के अनुकूल हैं।

ऐसे कई प्लगइन्स हैं जो वेबपी छवियों को बदलने और उनकी सेवा करने में मदद कर सकते हैं। ऑप्टिमोल और उड़ते हुए चित्र यह बहुत अच्छा कर सकते हैं।

कोड को छोटा करें

Minification एक वेबसाइट के कोड को बड़े से छोटे आकार में संपीड़ित करने की प्रक्रिया है। जितना छोटा उतना ही अच्छा है जब तक वह कुछ भी नहीं तोड़ता।

आपको जेएस और सीएसएस को छोटा करने पर विचार करना चाहिए।

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

पुनर्निर्देश Minimize

बहुत सारे रीडायरेक्ट आपकी वेबसाइट को धीमा कर सकते हैं, खासकर मोबाइल पर। यह सर्वर प्रतिक्रिया समय को धीमा कर सकता है।

सुनिश्चित करें कि आपके पास बहुत अधिक रीडायरेक्ट नहीं हो रहे हैं। अगर हैं तो जितना हो सके इन्हें कम करें।

संपीड़न सक्षम करें

अपनी वेबसाइट को मोबाइल पर तेज़ बनाने के लिए फ़ाइलों को संपीड़ित करें। चीजें जितनी छोटी होंगी, आपकी साइट उतनी ही तेज होगी।

Gzip या Brotli वेबसाइट फ़ाइलों को कंप्रेस करके आपकी वेबसाइट की गति को महत्वपूर्ण रूप से बढ़ा सकते हैं। आम तौर पर, ब्रॉटली गज़िप से बेहतर है. लेकिन उनमें से कोई भी ठीक काम करेगा। आपके लिए संपीड़न सक्षम करने के लिए अपने वेब होस्ट से संपर्क करें।

यदि प्लगइन समाधान आपके लिए अधिक उपयुक्त है तो ऐसे प्लगइन्स भी हैं जो संपीड़न को सक्षम करने में आपकी सहायता कर सकते हैं।

प्रति पेज ऐडसेंस की संख्या कम करें

Google AdSense सबसे लोकप्रिय में से एक है ब्लॉगिंग से पैसे कमाने के तरीके, लेकिन यह वेबसाइटों को महत्वपूर्ण रूप से धीमा करने के लिए भी जाना जाता है।

मेरे अवलोकन से, यदि आप AdSense को निष्क्रिय करते हैं, तो आप तुरंत अपने लोड समय में एक बहुत बड़ा अंतर देखेंगे।

लेकिन पैसे के साथ-साथ स्पीड भी बहुत जरूरी है। इसलिए आपको एक समझौता करना होगा। Google प्रति पृष्ठ 3 विज्ञापन इकाइयों की अनुशंसा करता है। अगर आप उससे चिपके रहते हैं, तो आपको ठीक होना चाहिए।

मैंने देखा है कि मेल खाने वाली सामग्री इकाइयों और पेज स्तरीय विज्ञापनों का मोबाइल लोडिंग समय पर सबसे अधिक नकारात्मक प्रभाव पड़ता है।

सीडीएन का प्रयोग करें

A सामग्री वितरण नेटवर्क आपकी वेबसाइट की एक स्थैतिक प्रतिलिपि बनाकर और दुनिया भर के उपयोगकर्ताओं को उनके निकटतम स्थान से सेवा प्रदान करके आपकी वेबसाइट की गति को बढ़ाने में मदद कर सकता है, जब वे आपकी वेबसाइट पर जाने का प्रयास करते हैं।

यदि आप सीडीएन का उपयोग नहीं कर रहे हैं, तो आप चूक रहे हैं!

चेक आउट सर्वश्रेष्ठ वर्डप्रेस सीडीएन प्रदाता.

सिस्टम स्टैक फ़ॉन्ट का प्रयोग करें

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

Google फोंट और फॉन्ट कमाल के हैं लेकिन वे वेबसाइट को धीमा कर सकते हैं। सिस्टम स्टैक का उपयोग करके सुनिश्चित करें कि कोई बाहरी अनुरोध नहीं किया गया है, क्योंकि यह उपयोगकर्ता द्वारा उपयोग किए जा रहे किसी भी उपकरण का फ़ॉन्ट है जिसकी आवश्यकता है।

कुछ थीम सिस्टम स्टैक में बदलना आसान बनाती हैं। बस सिस्टम स्टैक पर स्विच करें।

नए PHP संस्करणों का उपयोग करें

नए PHP संस्करण आमतौर पर पुराने संस्करणों की तुलना में तेज़ होते हैं। आपको यह सुनिश्चित करना चाहिए कि आप नवीनतम PHP संस्करण का उपयोग कर रहे हैं या केवल एक संस्करण पिछड़ा हुआ है।

न केवल गति के लिए, बल्कि सुरक्षा.