आपकी साइट की परफॉर्मेंस बेहतर बनाना, साइट बनाने की प्रक्रिया के साथ-साथ उसके नियमित मेंटेनेंस का भी अहम हिस्सा है। इस आर्टिकल में दी गई गाइडलाइंस से आपके विजिटर्स को बेहतर एक्सपीरियंस मिलेगा और साइट की रिस्पॉन्सिवनेस, स्मूदनेस और लोडिंग टाइम बेहतर होंगे।
लोडिंग टाइम को समझना
साइट लोडिंग टाइम से पता चलता है कि किसी विजिटर के लिंक पर क्लिक करने या पेज का URL डालने के बाद आपकी साइट पूरी तरह लोड होने में कितना समय लेती है। पेज के लोडिंग टाइम पर कई चीज़ों का असर पड़ सकता है। इनमें से कुछ आपकी साइट से जुड़ी होती हैं, जबकि कुछ आपके विजिटर के डिवाइस और इंटरनेट कनेक्शन से जुड़ी होती हैं।
ऑप्टिमाइज और एडजस्ट की गई साइटें, ज़्यादा कंटेंट वाली साइटों के मुकाबले जल्दी लोड होती हैं।
अपनी साइट को ऑप्टिमाइज करने से उसका लोडिंग टाइम बेहतर हो सकता है और गूगल पेजस्पीड इनसाइट्स जैसे परफॉर्मेंस टूल्स पर बेहतर स्कोर मिल सकता है।
Wix लोडिंग टाइम को कैसे मापता है
Wix कई मेट्रिक्स का डेटा मॉनिटर और कलेक्ट करता है। इनमें गूगल के कोर वेब वाइटल्स और FCP, TTFB तथा TTI जैसे अतिरिक्त वाइटल्स शामिल हैं। आप अपने डैशबोर्ड से
अपनी साइट की स्पीड मेट्रिक्स देख सकते हैं।
Wix आपकी साइट की स्पीड को मॉनिटर करने और बेहतर बनाने के लिए पूरे प्लेटफॉर्म पर यह परफॉर्मेंस डेटा रियल टाइम में अपने-आप कलेक्ट करता है। अपनी साइट का लोडिंग टाइम बेहतर बनाने के लिए, नीचे दी गई बेस्ट प्रैक्टिसेज फॉलो करें।
एलिमेंट्स का लोडिंग ऑर्डर
अपनी साइट बनाते या अपडेट करते समय,
एलिमेंट्स के लोडिंग ऑर्डर का ध्यान रखें, क्योंकि इससे आपकी साइट की परफॉर्मेंस पर असर पड़ सकता है।
उदाहरण के लिए, इंटरैक्टिव या ज़्यादा कंटेंट वाले एलिमेंट्स (जैसे वीडियो और थर्ड-पार्टी ऐप्स), टेक्स्ट और बटन जैसे स्टैटिक या हल्के एलिमेंट्स के मुकाबले आम तौर पर धीरे लोड होते हैं।
अपनी साइट के एलिमेंट्स को ऑप्टिमाइज करना
साइट की बेहतर परफॉर्मेंस के लिए होमपेज और टेक्स्ट, एनिमेशन तथा इमेज जैसे एलिमेंट्स को ऑप्टिमाइज करें। ज़्यादा जानकारी के लिए, नीचे किसी विकल्प पर क्लिक करें:
आपकी साइट के अबव द फोल्ड सेक्शन का कंटेंट, बाकी पेज से पहले लोड होता है। पेज के इस सेक्शन में उपयोगी, काम का और हल्का कंटेंट जोड़ने से बाकी पेज लोड होते समय भी साइट विजिटर्स को ज़रूरी जानकारी मिलती रहती है।
अपने अबव द फोल्ड सेक्शन में टेक्स्ट, शेप्स और बटन जैसे स्टैटिक एलिमेंट्स इस्तेमाल करें। इन एलिमेंट्स के पहले लोड होने से आपकी साइट का लोडिंग टाइम और परफॉर्मेंस बेहतर होते हैं।
'अबव द फोल्ड' क्या है?
यह आपकी साइट का वह सेक्शन है जिसे विजिटर्स नीचे स्क्रॉल करना शुरू करने से पहले देखते हैं।
Wix साइटों पर अपलोड की गई इमेज को ऑप्टिमाइजेशन के लिए अपने-आप रीसाइज किया जाता है। अगर आपको ट्रांसपेरेंट बैकग्राउंड की ज़रूरत नहीं है, तो PNG के बजाय AVIF इमेज इस्तेमाल करें। साइट के लोडिंग टाइम और परफॉर्मेंस के लिए AVIF इमेज बेहतर तरीके से ऑप्टिमाइज होती हैं।
इमेज और आपकी साइट की परफॉर्मेंस के बारे में ज़्यादा जानें।
नोट्स:
- जहां भी संभव हो, Wix इमेज को अपने-आप AVIF जैसे आधुनिक फॉर्मेट में कन्वर्ट करता है। इस फॉर्मेट से इमेज क्वालिटी बनाए रखते हुए डाउनलोड साइज कम हो जाता है।
- आप अपनी Wix साइट पर 25 MB से बड़ी इमेज अपलोड नहीं कर सकते।
वीडियो, विजिटर्स का इंटरैक्शन और दिलचस्पी बढ़ाने का शानदार तरीका हैं। वीडियो जोड़ते समय लोडिंग टाइम का ध्यान रखें, क्योंकि आम तौर पर उनका रेजोल्यूशन हाई होता है और वे स्टैटिक एलिमेंट्स के मुकाबले लोड होने में ज़्यादा समय लेते हैं।
थर्ड-पार्टी ऐप्स और आईफ्रेम्स
थर्ड-पार्टी ऐप्स और आईफ्रेम्स में दिखने वाला कंटेंट (जैसे एम्बेड किए गए वीडियो या सोशल चैनल फीड) Wix सर्वर के बजाय बाहरी सर्वर से डिलीवर होता है।
इसका मतलब है कि Wix इन्हें ऑप्टिमाइज नहीं कर सकता। इसलिए, इनकी वजह से आपकी साइट का लोडिंग टाइम बढ़ सकता है।
हमारा सुझाव है कि इन्हें सेकेंडरी पेजों पर रखें और होमपेज पर एक बटन जोड़ें, जिससे आपकी साइट के विजिटर उन पेजों पर पहुंच सकें।
हमारा सुझाव है कि अपनी साइट पर 3 या 4 से ज़्यादा फॉन्ट इस्तेमाल न करें। इससे आपकी साइट ज़्यादा आकर्षक और प्रोफेशनल दिख सकती है। फॉन्ट स्टाइल की संख्या इस सीमा में रखने से लोडिंग टाइम कम होता है और साइट की परफॉर्मेंस भी बेहतर हो सकती है।
एनिमेशन और स्लाइडशो जैसे स्पेशल इफेक्ट आपकी साइट को ज़्यादा आकर्षक बना सकते हैं।
हालांकि, ये स्टैटिक एलिमेंट्स के मुकाबले धीरे लोड होते हैं। इसलिए, जहां तक हो सके इन्हें अपनी साइट के पहले दिखाई देने वाले हिस्से के नीचे रखें।
ध्यान दें: एनिमेटेड GIF को चलने से पहले पूरा डाउनलोड होना ज़रूरी है। हमारा सुझाव है कि आप जिन एनिमेटेड GIF का इस्तेमाल करना चाहते हैं, उन्हें वीडियो में कन्वर्ट करें।
लाइटबॉक्स को इस तरह डिजाइन किया गया है कि वे आपकी साइट के दूसरे एलिमेंट्स के बाद लोड हों। इसलिए, अपनी पूरी साइट पर लाइटबॉक्स का इस्तेमाल सीमित रखें और इन्हें पेज के मुख्य कंटेंट के तौर पर इस्तेमाल न करें।
आपकी साइट का DOM ऑर्डर वह क्रम है, जिसमें स्क्रीन रीडर जैसी असिस्टिव टेक्नोलॉजी इस्तेमाल करने वाले विजिटर आपके एलिमेंट्स पर नेविगेट करते हैं।
इन विजिटर को बेहतर अनुभव देने और एलिमेंट्स का सही क्रम बनाए रखने के लिए, एलिमेंट्स के विज़ुअल ऑर्डर को मैन्युअल रूप से एडजस्ट करें, ताकि वह लेयर्स पैनल में दिखने वाले ऑर्डर से मैच हो।
अपनी मोबाइल साइट के कंटेंट को ऑप्टिमाइज करना
आम तौर पर, मोबाइल डिवाइस डेस्कटॉप कंप्यूटर जितने पावरफुल या तेज़ नहीं होते और उनका इंटरनेट कनेक्शन भी धीमा होता है। इसलिए, मोबाइल डिवाइस पर देखने के दौरान आपकी साइट को लोड होने में ज़्यादा समय लग सकता है।
अगर आपकी मोबाइल साइट धीरे लोड हो रही है, तो उसकी परफॉर्मेंस ऑप्टिमाइज करने के लिए नीचे दिए गए दिशानिर्देशों को फॉलो करें।
इसका तरीका जानने के लिए, नीचे दिए गए किसी विकल्प पर क्लिक करें:
मोबाइल एडिटर का इस्तेमाल करें
अपनी मोबाइल-फ्रेंडली साइट को ऑप्टिमाइज करने के लिए मोबाइल एडिटर का इस्तेमाल करें। इसमें आप एलिमेंट छिपा और एडजस्ट कर सकते हैं, और वेलकम स्क्रीन भी जोड़ सकते हैं।
मोबाइल-फ्रेंडली साइट, डेस्कटॉप वर्जन से अलग दिखेगी। इसलिए, हमारा सुझाव है कि आप इसे अपनी जरूरतों के मुताबिक एडजस्ट करें।
मोबाइल एडिटर एक्सेस करने के लिए:
- Wix एडिटर खोलें।
- टॉप टूलबार में मोबाइल एडिटर आइकन
पर क्लिक करें।
हो सकता है कि कुछ एलिमेंट आपकी मोबाइल साइट के लिए जरूरी न हों और उनसे लोडिंग टाइम काफी बढ़ जाए।
हमारा सुझाव है कि आप इन एलिमेंट का इस्तेमाल सोच-समझकर करें। लाइटबॉक्स और थर्ड-पार्टी ऐप जैसे एलिमेंट का जरूरत से ज्यादा इस्तेमाल न करें। अपनी मोबाइल साइट पर सिर्फ काम का और जरूरी कंटेंट रखें।
अपनी मोबाइल साइट से एलिमेंट छिपाने के लिए:
- जिस एलिमेंट को आप छिपाना चाहते हैं, उस पर क्लिक करें।
- एलिमेंट छिपाएं आइकन
पर क्लिक करें।
टिप: छिपाए गए एलिमेंट देखने और उन्हें अपनी मोबाइल साइट पर फिर से जोड़ने के लिए, मोबाइल एडिटर के बाईं ओर मौजूद
मोबाइल पर छिपे हुए
पर क्लिक करें।
इमेज क्रॉप करें या उसका साइज बदलें
बड़ी इमेज को आपकी मोबाइल-फ्रेंडली साइट पर लोड होने में समय लग सकता है। मोबाइल साइट का लोडिंग टाइम बढ़ने से रोकने के लिए, हमारा सुझाव है कि आप इमेज को क्रॉप करें या उसका साइज छोटा करें।
इमेज क्रॉप करने के लिए:
- एडिटर में इमेज पर क्लिक करें।
- क्रॉप आइकन
पर क्लिक करें। - इमेज क्रॉप करने के लिए हैंडल को ड्रैग करें।
- अप्लाई पर क्लिक करें।
टिप: इमेज का साइज बदलने के लिए, उस पर क्लिक करें। फिर, उसे बड़ा या छोटा करने के लिए हैंडल को ड्रैग करें।
गैलरी और रिपीटर में आइटम कम करें
गैलरी और रिपीटर आपकी साइट पर इमेज और जानकारी दिखाने के बेहतरीन तरीके हैं। हालांकि, वे टेक्स्ट या बेसिक शेप जैसे दूसरे एलिमेंट के मुकाबले धीरे लोड होते हैं।
बेहतर परफॉर्मेंस के लिए, हमारा सुझाव है कि आप मोबाइल पर गैलरी या रिपीटर सेट में आइटम की संख्या कम रखें। सिर्फ काम के और जरूरी आइटम और मीडिया दिखाएं, और उन्हें अपनी साइट पर बराबर तरीके से बांटें।
वेलकम स्क्रीन आपके मोबाइल साइट के ब्रैंड का परिचय देने का एक शानदार तरीका है। साइट के बैकग्राउंड में पूरी तरह लोड होने के दौरान, विज़िटर्स को सबसे पहले यही स्क्रीन दिखाई देती है।
वेलकम स्क्रीन जोड़ने के लिए:
- मोबाइल एडिटर के बाईं ओर मोबाइल टूल्स
पर क्लिक करें। - वेलकम स्क्रीन पर क्लिक करें।
- उपलब्ध ऑप्शंस का इस्तेमाल करके अपनी वेलकम स्क्रीन कस्टमाइज़ करें।
- डन पर क्लिक करें।
सपोर्टेड सिस्टम और ब्राउज़र का इस्तेमाल करें
Wix साइट्स अलग-अलग मोबाइल ऑपरेटिंग सिस्टम और ब्राउज़र्स पर सपोर्ट की जाती हैं। अगर विज़िटर्स को आपकी मोबाइल-फ्रेंडली साइट देखने में समस्या आ रही है, तो उन्हें अपना सिस्टम या ब्राउज़र अपडेट करना पड़ सकता है।
थर्ड-पार्टी कोड
थर्ड-पार्टी कोड आपकी साइट पर अहम इनसाइट्स, टूल्स और फीचर्स उपलब्ध करा सकता है। हालांकि, अगर इसे ऑप्टिमाइज़ नहीं किया गया है, तो यह आपकी साइट के लोडिंग टाइम और परफॉर्मेंस पर असर डाल सकता है।
FAQs
ज्यादा जानकारी पाने के लिए, नीचे दिए गए किसी सवाल पर क्लिक करें।
मेरी वेबसाइट का लार्जेस्ट कंटेंटफुल पेंट (LCP) स्कोर इतना कम क्यों है और मैं इसे कैसे बेहतर कर सकता हूं?
LCP यह मापता है कि आपके पेज पर दिखाई देने वाला सबसे बड़ा कंटेंट कितनी जल्दी लोड होता है।
इसे बेहतर बनाने के लिए:
- इमेज को AVIF या WebP जैसे हल्के फॉर्मैट में ऑप्टिमाइज़ करें और अपलोड करने से पहले उन्हें कंप्रेस करें।
- बैनर या वीडियो जैसे अबव-द-फोल्ड कंटेंट का साइज़ कम से कम रखें।
- तेज़ लोडिंग के लिए, अबव द फोल्ड टेक्स्ट या छोटी इमेज का इस्तेमाल करें।
- Wix डैशबोर्ड में अपने पेजों के लिए कैशिंग इनेबल करें।
- आपके पेज को धीमा करने वाले कस्टम कोड या थर्ड-पार्टी ऐप्स का इस्तेमाल सीमित करें।
मैं अपनी वेबसाइट का टोटल ब्लॉकिंग टाइम (TBT) कैसे कम कर सकता हूं?
TBT यह मापता है कि स्क्रिप्ट की वजह से आपकी वेबसाइट का मेन थ्रेड कितनी देर तक ब्लॉक रहता है।
TBT बेहतर करने के लिए:
- गैर-ज़रूरी JavaScript को डिफर करें और JavaScript फाइलों को मिनिफाई करें।
- अपनी साइट से इस्तेमाल न की गई JavaScript और CSS फाइलें हटाएं।
- एनिमेशन और ट्रांज़िशन का इस्तेमाल सीमित रखें, खासकर उन एलिमेंट में जो पेज लोड होने पर ट्रिगर होते हैं।
- एडिटर में अपनी वेबसाइट की परफॉर्मेंस ऑप्टिमाइज़ करने के लिए Wix के इन-बिल्ट टूल इस्तेमाल करें।
ऑप्टिमाइज़ेशन टिप्स फ़ॉलो करने के बावजूद मेरी वेबसाइट धीमी है, तो मुझे क्या करना चाहिए?
अगर मीडिया ऑप्टिमाइज़ करने और गैर-ज़रूरी एलिमेंट कम करने के बाद भी आपकी वेबसाइट धीमी है:
- खास इनसाइट पाने के लिए अपने Wix अकाउंट में साइट स्पीड डैशबोर्ड देखें।
- लोकल समस्याओं की जांच करने के लिए अपना इंटरनेट कनेक्शन और ब्राउज़र सेटिंग्स वेरिफाई करें।
क्या मैं अपनी वेबसाइट की इमेज को एक साथ ऑप्टिमाइज़ कर सकता हूं?
Wix इमेज अपलोड करते समय उन्हें अपने-आप ऑप्टिमाइज़ करता है, लेकिन अगर आपको उन्हें और कंप्रेस करना है:
- इमेज को Wix पर अपलोड करने से पहले कंप्रेस करने के लिए बाहरी टूल इस्तेमाल करें।
- अपनी साइट की बड़ी इमेज को उनके ऑप्टिमाइज़ किए गए वर्ज़न से बदलें।
- प्रो गैलरी में सभी गैलरी इमेज को एक साथ ऑप्टिमाइज़ करने के लिए "एडजस्ट क्वालिटी" ऑप्शन इस्तेमाल करें।
मैं अपनी मोबाइल वेबसाइट की लोडिंग स्पीड कैसे बेहतर कर सकता हूं?
छोटे डिवाइस और धीमे इंटरनेट कनेक्शन की वजह से मोबाइल साइट अक्सर धीरे लोड होती हैं।
मोबाइल की लोडिंग स्पीड बेहतर करने के लिए:
- मोबाइल एडिटर का इस्तेमाल करके मोबाइल पर गैर-ज़रूरी एलिमेंट छिपाएं।
- AVIF जैसे हल्के इमेज फॉर्मेट इस्तेमाल करें और बड़ी फाइलों को कंप्रेस करें।
- वीडियो या एनिमेशन को फोल्ड के ऊपर रखने से बचें।
- ज़्यादा कंटेंट वाले पेजों के लिए मैन्युअल कैशिंग इनेबल करें।
मोबाइल डिवाइस पर मेरी इमेज धुंधली क्यों दिखाई दे रही हैं?
हाई-रिजॉल्यूशन इमेज को छोटी स्क्रीन के लिए स्केल डाउन करने पर वे अक्सर धुंधली दिखाई देती हैं।
इसे ठीक करने के लिए:
- मोबाइल के लिए इमेज के डायमेंशन एडजस्ट करने हेतु Wix मीडिया मैनेजर का इस्तेमाल करें।
- बड़ी इमेज को 1MB से कम साइज वाले ऑप्टिमाइज्ड वर्जन से बदलें।
- एडिटर में ध्यान रखें कि इमेज, वीडियो या दूसरे एलिमेंट के साथ ओवरलैप न हों।
क्या एनिमेशन मेरी वेबसाइट को धीमा कर सकते हैं? मैं उन्हें कैसे ऑप्टिमाइज करूं?
हां, एनिमेशन से साइट की परफॉर्मेंस पर काफी असर पड़ सकता है। उन्हें ऑप्टिमाइज करने के लिए:
- कॉम्प्लेक्स एनिमेशन के बजाय आसान ट्रांजिशन का इस्तेमाल करें।
- पेज के सबसे ऊपर दिखने वाले हिस्से (अबव द फोल्ड) में एनिमेशन सीमित रखें।
- पेज लोड होने पर एनिमेशन ट्रिगर करने के बजाय, उन्हें यूजर इंटरैक्शन से ट्रिगर करें।
लेजी लोडिंग क्या है और इससे मेरी साइट पर क्या असर पड़ता है?
लेजी लोडिंग में इमेज और वीडियो तब तक लोड नहीं होते, जब तक वे यूजर के व्यूपोर्ट में नहीं आते। इससे पेज की शुरुआती लोडिंग तेज होती है। Wix इमेज और वीडियो के लिए लेजी लोडिंग को डिफॉल्ट रूप से चालू रखता है।
इसे और ऑप्टिमाइज करने के लिए:
- ध्यान रखें कि जरूरी कंटेंट सबसे पहले लोड हो।
- दिखाई देने वाला कंटेंट जल्दी लोड करने के लिए, अबव-द-फोल्ड एलिमेंट कम से कम रखें।
क्या मैं अपनी साइट की परफॉर्मेंस बेहतर करने के लिए डायनेमिक पेज का इस्तेमाल कर सकता हूं?
डायनेमिक पेज उन साइटों के लिए बेहतर हैं जिनमें बहुत सारा कंटेंट होता है, क्योंकि वे CMS कलेक्शन से डेटा लेते हैं। इससे कई स्टैटिक पेज बनाने की जरूरत कम हो जाती है और लोडिंग टाइम बेहतर हो सकता है:
- कंटेंट मैनेजमेंट को आसान बनाकर।
- एक साथ लोड होने वाले स्टैटिक पेजों की संख्या कम करके।
- यूजर इंटरैक्शन के आधार पर कंटेंट को डायनेमिक रूप से दिखाने की सुविधा देकर।