साइट परफॉर्मेंस: बेहतर परफॉर्मेंस के लिए वेबसाइट डिजाइन करना
परफॉर्मेंस को प्राथमिकता देने वाले डिजाइन विकल्प चुनकर एक तेज और आकर्षक वेबसाइट बनाएं। पहले क्या दिखाना है, इमेज और वीडियो कहां रखने हैं और कंटेंट कैसे व्यवस्थित करना है—इन बातों पर ध्यान देने से आपके पेज तेजी से लोड होते हैं और विजिटर्स को उनकी जरूरत की चीजें आसानी से मिलती हैं। परफॉर्मेंस पर फोकस करने वाली इन टिप्स का इस्तेमाल करने से आपकी साइट की स्पीड बेहतर होगी, विजिटर्स की दिलचस्पी बनी रहेगी और उन्हें किसी भी डिवाइस पर एक सहज और प्रोफेशनल अनुभव मिलेगा।
एलिमेंट्स के लोड होने का क्रम ऑप्टिमाइज करना
आपकी साइट के एलिमेंट्स अपने टाइप और साइज के आधार पर एक खास क्रम में लोड होते हैं। इस क्रम को समझने से आप तय कर सकते हैं कि पहले क्या दिखाई दे और विजिटर्स को सहज अनुभव मिले।
- स्टैटिक एलिमेंट्स: इनमें टेक्स्ट और बेसिक शेप्स शामिल हैं, जो सबसे तेजी से लोड होते हैं। इन्हें अबव द फोल्ड सेक्शन में जोड़ने से ये तुरंत दिखाई देते हैं।
- फ्लूइड एलिमेंट्स: इमेज और वीडियो इस कैटेगरी में आते हैं। ये आपकी साइट को आकर्षक बनाते हैं, लेकिन परफॉर्मेंस धीमी कर सकते हैं। जहां संभव हो, इन्हें बिलो द फोल्ड सेक्शन में रखें।
- इंटरैक्टिव एलिमेंट्स: आइफ्रेम्स, एनिमेशन और थर्ड-पार्टी ऐप्स जैसे एलिमेंट्स सबसे आखिर में लोड होते हैं। लंबे लोडिंग टाइम से बचने के लिए, इनका इस्तेमाल सीमित और स्ट्रैटेजिक तरीके से करें।
टिप:
हमारा सुझाव है कि आप होमपेज पर खास ध्यान दें, क्योंकि आम तौर पर विजिटर्स सबसे पहले इसी पेज पर आते हैं।
बेहतर परफॉर्मेंस वाला अबव द फोल्ड सेक्शन डिजाइन करना
अबव द फोल्ड सेक्शन आपके वेबपेज का वह हिस्सा है, जो यूजर को स्क्रॉल करना शुरू करने से पहले दिखाई देता है। यह सबसे पहले लोड होता है, इसलिए इसे हल्का और उद्देश्य के मुताबिक रखना जरूरी है।
सुझाए गए एलिमेंट्स:
- टेक्स्ट: छोटा और प्रभावशाली टेक्स्ट इस्तेमाल करें, जो आपके पेज का उद्देश्य साफ तौर पर बताता हो। सिस्टम फॉन्ट्स का इस्तेमाल करें और बहुत ज्यादा फॉन्ट फैमिली और वेट्स इस्तेमाल करने से बचें।
- कॉल्स टू एक्शन (CTAs): यूजर को अगला एक्शन लेने में गाइड करने के लिए साफ बटन या लिंक शामिल करें, जैसे “शॉप नाउ” या “लर्न मोर”। CTAs के पास ध्यान भटकाने वाले एलिमेंट्स न रखें।
कम से कम इस्तेमाल किए जाने वाले एलिमेंट्स:
- बड़ी इमेज या वीडियो
- एनिमेशन
- हाई-रिजॉल्यूशन इमेज का जरूरत से ज्यादा इस्तेमाल
टिप:
अबव द फोल्ड कंटेंट को तेज लोडिंग के लिए ऑप्टिमाइज रखने हेतु गूगल पेजस्पीड इनसाइट्स या
Wix के साइट स्पीड डैशबोर्ड जैसे टूल्स का इस्तेमाल करें।
डेडिकेटेड पेज इस्तेमाल करना
पेज पर बहुत ज्यादा एलिमेंट्स जोड़ने से परफॉर्मेंस प्रभावित होती है, खास तौर पर होमपेज की। इसके बजाय, साइट के खास फीचर्स या ऐप्स के लिए
डेडिकेटेड पेज बनाएं।
स्टोर्स, ब्लॉग्स या वीडियो जैसे फीचर्स के लिए पेज जोड़ें और होमपेज पर बटन या मेन्यू आइटम से उनके लिंक दें। कंटेंट को अपनी साइट के अलग-अलग पेजों पर बांटकर और गैर-जरूरी एलिमेंट्स को सीमित करके पेज की लंबाई लगभग
8 स्क्रीन से कम रखें।
इमेज और वीडियो ऑप्टिमाइज करना
बड़े साइज और रिजॉल्यूशन के कारण मीडिया फाइलें अक्सर वेबसाइट को धीमा कर देती हैं। इन्हें प्रभावी तरीके से मैनेज करने का तरीका यहां दिया गया है:
इमेज:
- WebP या JPEG जैसे लाइटवेट फॉर्मेट इस्तेमाल करें।
- Wix पर अपलोड करने से पहले फाइलों को कंप्रेस करें।
- बिल्ट-इन ऑप्टिमाइजेशन के लिए इमेज को प्रो गैलरी में दिखाएं।
वीडियो:
- परफॉर्मेंस ऑप्टिमाइज करने के लिए वीडियो को Wix Video, यूट्यूब या वीमियो पर होस्ट करें।
- शुरुआत में पेज को तेजी से लोड करने के लिए, वीडियो को अबव-द-फोल्ड एरिया में रखने से बचें।
लेजी लोडिंग
लेजी लोडिंग में इमेज और वीडियो तब तक लोड नहीं होते, जब तक वे यूजर के व्यूपोर्ट में दिखाई नहीं देते। इससे शुरुआत में पेज तेजी से लोड होता है। Wix में यह फीचर अपने-आप चालू रहता है, लेकिन यह तब सबसे बेहतर काम करता है जब इमेज और वीडियो को गैलरी या स्ट्रिप जैसे सपोर्टेड एलिमेंट में रखा जाए और अबव-द-फोल्ड कंटेंट कम से कम हो, ताकि वह तेजी से दिखाई दे।
अतिरिक्त एलिमेंट मैनेज करना
डिजाइन से जुड़े दूसरे फैसले भी आपकी साइट की स्पीड और परफॉर्मेंस पर असर डाल सकते हैं:
- बटन: ऐसे स्पष्ट और छोटे बटन बनाएं, जो आपकी साइट के किसी दूसरे संबंधित कंटेंट से लिंक हों। उदाहरण के लिए, आप “एक्सप्लोर द कैटलॉग” या “व्यू मोर प्रोजेक्ट्स” इस्तेमाल कर सकते हैं।
- कस्टम कोड: पक्का करें कि आपका कस्टम कोड ऑप्टिमाइज किया गया है और देरी कम करने के लिए उसमें "defer" या "async" जैसे एट्रिब्यूट इस्तेमाल किए गए हैं।
- पेजिनेशन या लोड मोर बटन: खास तौर पर बहुत सारे प्रोडक्ट वाली साइटों पर, सभी प्रोडक्ट को एक ही पेज पर एक साथ दिखाने से बचें। लोडिंग को बेहतर बनाए रखने के लिए पेजिनेशन या लोड-ऑन-डिमांड फीचर लागू करें।
टिप्स:
- नियमित रूप से टेस्ट करें: परफॉर्मेंस मॉनिटर करने और उसे बेहतर बनाने के लिए गूगल पेजस्पीड इनसाइट्स और Wix Site Speed डैशबोर्ड का इस्तेमाल करें।
- अबव-द-फोल्ड कंटेंट को प्राथमिकता दें: लाइटवेट और स्टैटिक एलिमेंट जोड़ने से मुख्य कंटेंट तेजी से लोड होता है।
- थर्ड-पार्टी ऐप कम से कम रखें: बेकार की धीमी परफॉर्मेंस से बचने के लिए सिर्फ जरूरी ऐप या विजेट इस्तेमाल करें।
अक्सर पूछे जाने वाले सवाल
ज्यादा जानकारी के लिए नीचे दिए गए किसी सवाल पर क्लिक करें।
मेरी Wix वेबसाइट धीरे क्यों लोड होती है और मैं इसकी स्पीड कैसे बेहतर कर सकता हूं?
मेरी मोबाइल साइट, डेस्कटॉप साइट के मुकाबले धीमी क्यों है?
मैं अपना लार्जेस्ट कंटेंटफुल पेंट (LCP) स्कोर कैसे बेहतर कर सकता हूं?
अपने स्टोर की स्पीड कम किए बिना बड़ी संख्या में प्रोडक्ट्स दिखाने का सबसे अच्छा तरीका क्या है?

