साइट परफ़ॉर्मेंस: अपने टेक्स्ट को ऑप्टिमाइज़ करना
विज़िटर एक्सपीरियंस को बेहतर बनाने के लिए, अपनी साइट के टेक्स्ट को ऑप्टिमाइज़ करें। फ़ॉन्ट के प्रकार, इफ़ेक्ट और फ़ॉर्मेटिंग आपकी साइट की परफ़ॉर्मेंस पर असर डाल सकते हैं। इसलिए, ज़रूरी जानकारी दिखाते समय साइट की फ़ंक्शनैलिटी बनाए रखने के लिए हमारी गाइडलाइंस फ़ॉलो करें।
सुझाव:
फ़ोल्ड के ऊपर काम का टेक्स्ट रखने से विज़िटर बाकी साइट के लोड होने के दौरान कॉन्टेंट पढ़ सकते हैं।
अलग-अलग तरह के फ़ॉन्ट
आप अपनी साइट पर कुछ अलग-अलग तरह के फ़ॉन्ट इस्तेमाल कर सकते हैं। फ़ॉन्ट के प्रकार और उसकी डाउनलोड ज़रूरतों के आधार पर, आपकी साइट की लोडिंग स्पीड और परफ़ॉर्मेंस पर अलग-अलग असर पड़ सकता है। फ़ॉन्ट के 3 प्रकार हैं:
- सिस्टम फ़ॉन्ट: ये सामान्य फ़ॉन्ट हैं, जो आमतौर पर आपके और आपके विज़िटर के डिवाइस सिस्टम में पहले से मौजूद होते हैं। ज़्यादातर सिस्टम में शामिल होने के कारण, इन्हें विज़िटर के डिवाइस पर दिखाने के लिए डाउनलोड नहीं करना पड़ता। इसलिए, ये आपकी साइट की परफ़ॉर्मेंस पर असर नहीं डालते।
- कस्टम फ़ॉन्ट: ये ऐसे फ़ॉन्ट हैं जिन्हें आप किसी थर्ड पार्टी से अपलोड करके अपनी Wix साइट पर इस्तेमाल कर सकते हैं। इनसे आप अपनी साइट के एक्सपीरियंस को पर्सनल टच दे सकते हैं, लेकिन विज़िटर के ब्राउज़र में दिखने के लिए इन्हें सर्वर से डाउनलोड करना पड़ता है। इसलिए, ये फ़ॉन्ट आपकी साइट की परफ़ॉर्मेंस पर असर डाल सकते हैं।
- Wix पर उपलब्ध फ़ॉन्ट: Wix के साथ अपनी साइट बनाते और एडिट करते समय, आपको कई तरह के टेक्स्ट फ़ॉन्ट मिलते हैं। इनमें से कुछ सिस्टम फ़ॉन्ट होते हैं, जबकि दूसरे कस्टम फ़ॉन्ट की तरह काम करते हैं। इसी आधार पर वे आपकी साइट की लोडिंग स्पीड पर असर डालते हैं।
संक्षेप में:
- सिस्टम फ़ॉन्ट आखिरकार कस्टम फ़ॉन्ट की तुलना में तेज़ी से लोड होते हैं, क्योंकि वे सिस्टम में पहले से मौजूद होते हैं। इससे आपकी साइट को लोड करने के लिए ज़रूरी रिक्वेस्ट की संख्या घटती है और बैंडविड्थ बचती है।
- सिस्टम फ़ॉन्ट आपकी साइट की स्पीड पर कम असर डालते हैं। इसलिए, जहां भी हो सके, हम कस्टम फ़ॉन्ट की जगह सिस्टम फ़ॉन्ट इस्तेमाल करने का सुझाव देते हैं।
फ़ॉन्ट की संख्या
अपनी साइट पर फ़ॉन्ट इस्तेमाल करते समय ध्यान रखें कि कई अलग-अलग फ़ॉन्ट और फ़ॉन्ट के प्रकार रखने से लोडिंग समय और पूरी परफ़ॉर्मेंस पर असर पड़ सकता है।
सिस्टम फ़ॉन्ट को डाउनलोड करने की ज़रूरत नहीं होती, लेकिन पृष्ठ पर दिखाने के लिए कस्टम फ़ॉन्ट को सर्वर से डाउनलोड करना पड़ता है। अलग-अलग कस्टम फ़ॉन्ट की डाउनलोड स्पीड भी अलग हो सकती है, जिससे आपकी साइट के लोडिंग समय पर और असर पड़ सकता है।
हम आपके पृष्ठ पर फ़ॉन्ट की संख्या—सिस्टम और कस्टम, दोनों मिलाकर—3 या उससे कम रखने का सुझाव देते हैं। ऐसा करने से आपकी साइट आसानी से चलती रहती है। फ़ॉन्ट और रंगों में एक जैसा स्टाइल रखने से आपका ब्रैंड मज़बूत होता है और साइट का लुक भी एक जैसा बना रहता है।
ध्यान दें:
परफ़ॉर्मेंस टूल आपकी उम्मीद से ज़्यादा फ़ॉन्ट दिखा सकते हैं, क्योंकि अलग-अलग फ़ॉन्ट वेट और स्टाइल की गिनती अलग से हो सकती है। साथ ही, कुछ एलिमेंट अब भी दूसरे या फ़ॉलबैक फ़ॉन्ट इस्तेमाल कर सकते हैं। फ़ॉन्ट की गिनती कम करने के लिए, हेडिंग, बॉडी टेक्स्ट, बटन और नेविगेशन जैसे हर एलिमेंट टाइप की फ़ॉन्ट सेटिंग्स अलग-अलग चेक करें।
फ़ॉन्ट फ़ॉर्मेटिंग और एनिमेशन
बोल्ड, अंडरलाइन या तिरछा जैसे अलग-अलग फ़ॉन्ट वेट भी आपकी साइट के लोडिंग समय पर असर डाल सकते हैं। किसी खास काम के लिए फ़ॉन्ट वेट इस्तेमाल करके—जैसे पृष्ठ पर टेक्स्ट के किसी हिस्से को हाइलाइट करना—एक पृष्ठ पर इनकी संख्या 3 या उससे कम रखें।
इसके अलावा, एनिमेटेड टेक्स्ट आपके टेक्स्ट की पठनीयता और SEO पर असर डाल सकता है। ऐसा इसलिए है, क्योंकि सर्च इंजन एनिमेटेड टेक्स्ट को पढ़ नहीं सकते। अपनी साइट के ज़रूरी कॉन्टेंट के लिए सामान्य टेक्स्ट इस्तेमाल करें और फ़ोल्ड के ऊपर रिवील एनिमेशन का ज़रूरत से ज़्यादा इस्तेमाल न करें।
टेक्स्ट वाली इमेज
जहां भी हो सके, टेक्स्ट वाली इमेज इस्तेमाल न करें। इमेज लोड होते समय उसमें मौजूद टेक्स्ट धुंधला दिख सकता है। साथ ही, सर्च इंजन उसका अनुवाद या क्रॉल नहीं कर सकते। अपनी साइट की परफ़ॉर्मेंस और SEO रैंकिंग बनाए रखने के लिए, जहां भी हो सके सामान्य टेक्स्ट इस्तेमाल करें।
सुझाव:
इसके विकल्प के तौर पर, हम आपकी इमेज में
ऑल्ट टेक्स्ट जोड़ने का सुझाव देते हैं। ऐसा करने से सर्च इंजन और स्क्रीन रीडर इमेज का डिस्क्रिप्शन "पढ़" सकते हैं।
Studio एडिटर में फ़ॉलबैक फ़ॉन्ट
नोट:
यह फ़ीचर केवल Studio एडिटर में उपलब्ध है।
अगर आप किसी
Studio एडिटर साइट पर हैवी कस्टम फ़ॉन्ट्स का इस्तेमाल कर रहे हैं, तो आप डिफ़ॉल्ट फ़ॉलबैक फ़ॉन्ट्स इनेबल कर सकते हैं। फ़ॉलबैक फ़ॉन्ट्स तेज़ी से लोड होते हैं और बैकग्राउंड में कस्टम फ़ॉन्ट्स डाउनलोड होने के दौरान लाइव साइट पर कुछ समय के लिए दिखाई देते हैं।
फ़ॉलबैक फ़ॉन्ट्स आपकी साइट का LCP (सबसे बड़ा कंटेंटफुल पेंट) कम करके पेज की परफ़ॉर्मेंस बेहतर कर सकते हैं। इससे
कोर वेब वाइटल्स और Google सर्च रैंकिंग बेहतर हो सकती है। इसके अलावा, टेक्स्ट कंटेंट तेज़ी से दिखाई देने से विज़िटर्स को साइट ब्राउज़ करते समय बेहतर एक्सपीरियंस मिल सकता है।
फ़ॉलबैक फ़ॉन्ट्स इनेबल करने का तरीका जानें
जानना अच्छा है:
- अगर अबव-द-फ़ोल्ड का सबसे बड़ा एलिमेंट एक टेक्स्ट एलिमेंट है, तो फ़ॉलबैक फ़ॉन्ट्स लोडिंग टाइम बेहतर करते हैं।
- फ़ॉलबैक फ़ॉन्ट्स इनेबल करने पर, font-display CSS डिस्क्रिप्टर में "swap" वैल्यू जुड़ जाती है। यह डिस्क्रिप्टर तय करता है कि फ़ॉन्ट कब डाउनलोड हुआ और इस्तेमाल के लिए तैयार है, इसके आधार पर वह कैसे दिखाई देगा।