डीओएम तत्वों की संख्या को कम करने के सर्वोत्तम तरीके

Question

हर कोई इस बात से सहमत है कि कम डोम तत्वों का अर्थ बेहतर पृष्ठ प्रदर्शन है। इसका मतलब है बेहतर जावास्क्रिप्ट प्रदर्शन, खासकर पुराने ब्राउज़र में।

लेकिन डीओएम तत्वों को कम करने के लिए सबसे अच्छी जगह कहां हैं? आम अपराधियों क्या हैं जो आप लोगों ने उस नंबर को पाने के लिए आसान समाधान हैं?

Answer 1

उपयोग:

<ul id="navigation-main"> 
    etc.. 
</ul> 

की जगह में:

<div id="navigation-main"> 
    <ul> 
     etc.. 
    </ul> 
</div> 

... जब संभव हो, कि है। कभी-कभी आपको लेआउट उद्देश्यों के लिए अतिरिक्त div की आवश्यकता होती है। लेकिन जब आवश्यक नहीं है, तो इसका इस्तेमाल न करें।

Answer 2

कहीं भी जहां आप लेआउट को प्रभावित करने के लिए तत्व का उपयोग कर रहे हैं, आमतौर पर ऐसा कुछ है जिसे आप सोच सकते हैं। अक्सर परिणाम प्राप्त करने के लिए आप वास्तव में सीएसएस के साथ संयुक्त तत्वों का उपयोग कर सकते हैं। कठिन नियम कठिन हैं क्योंकि यह विशिष्ट मामले पर बहुत निर्भर करता है।

Answer 3

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

1) अपने आप को मार्कअप को फिर से लिखना या 2) के साथ मार्कअप का निर्माण करना System.Web.UI.HtmlControls नामस्थान।

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

एक और एएसपी.NET विशिष्ट तकनीक का उपयोग runat="server" विशेषता के साथ एक div या पैनल की बजाय गतिशील रूप से काम करने के लिए है। प्लेसहोल्डर नियंत्रण कोई अतिरिक्त तत्व प्रस्तुत नहीं करेगा, केवल वही जो आपने इसमें जोड़ा है।