साइट परफ़ॉर्मेंस: आपकी साइट का DOM ऑर्डर

आपकी साइट का DOM ऑर्डर आपके पृष्ठों पर मौजूद एलिमेंट्स के पढ़े जाने के क्रम को दर्शाता है। यह क्रम उन विज़िटर्स के लिए महत्वपूर्ण है जो Tab की या स्क्रीन रीडर जैसी असिस्टिव टेक्नोलॉजी का इस्तेमाल करते हैं, क्योंकि इसी से तय होता है कि वे इन एलिमेंट्स को किस क्रम में देख सकते हैं या इनके साथ इंटरैक्ट कर सकते हैं।

हमारा सुझाव है कि DOM ऑर्डर को अपने पृष्ठों पर एलिमेंट्स के विज़ुअल ऑर्डर के मुताबिक रखें, ताकि हर विज़िटर आपकी साइट पर आसानी से नेविगेट कर सके। ऐसा करने से एक्सेसिबिलिटी बेहतर होती है और लोडिंग ऑर्डर मैच होने पर आपकी साइट में लेआउट से जुड़ी समस्याएं भी नहीं आतीं।

DOM से तय होता है कि आपकी साइट पर एलिमेंट्स किस क्रम में लोड होंगे। अगर DOM ऑर्डर एलिमेंट्स के विज़ुअल ऑर्डर से मैच नहीं करता, तो इससे आपकी साइट की लोडिंग पर असर पड़ सकता है।

उदाहरण के लिए, अगर कोई बटन पृष्ठ के नीचे दिखाई देता है, लेकिन DOM ऑर्डर में सबसे पहले है, तो वह अपने ऊपर मौजूद एलिमेंट्स से पहले लोड होगा। जब बाकी कंटेंट लोड होता है, तो दूसरे एलिमेंट्स के लिए जगह बनाने के दौरान पृष्ठ का लेआउट शिफ़्ट हो सकता है और एलिमेंट्स इधर-उधर मूव हो सकते हैं।

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

आपकी साइट का DOM ऑर्डर पृष्ठ के विज़ुअल ऑर्डर और भाषा के पढ़ने के क्रम (बाएं से दाएं या दाएं से बाएं लिखी जाने वाली स्क्रिप्ट) से मैच होना चाहिए। ऐसा करने से साइट सही तरीके से लोड होती है और विज़िटर्स को बेहतर अनुभव मिलता है।

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

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

Studio एडिटर में बनाई गई साइट्स पर ऑटो DOM ऑर्डर डिफ़ॉल्ट रूप से चालू रहता है। एलिमेंट्स जोड़ने, संरेखित करने और उनका साइज़ बदलने पर ऑर्डर अपने-आप फिर से व्यवस्थित हो जाता है, इसलिए काम करते समय यह ऑप्टिमाइज़्ड बना रहता है।

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

Wix आपकी Harmony Editor साइट का DOM ऑर्डर व्यवस्थित करता है। एलिमेंट्स जोड़ने, उनका साइज़ बदलने और उन्हें मूव करने पर यह ऑर्डर अपने-आप एडजस्ट हो जाता है, इसलिए आपको मैन्युअल बदलावों की चिंता करने की जरूरत नहीं है।

हालांकि, जरूरत के मुताबिक आप अलग-अलग अनुभागों और कंटेनर्स का DOM ऑर्डर मैन्युअली एडजस्ट कर सकते हैं।