2015-06-24 7 views
5

के बीच प्रोसेसिंग स्पीड अंतर इस प्रश्न के लिए, मैं केवल 2 तत्वों पर सीएसएस को प्रस्तुत करने में ब्राउज़र की गति की तुलना कर रहा हूं, जिनमें केवल अलग-अलग हैं, उनमें से एक वर्ग है और एक आईडी है।सीएसएस वर्ग और आईडी

(यह जे एस पहचान, लंगर उपयोग, आदि के साथ कोई संबंध नहीं है)

<div class="myclass">classed element</div> 
<div id="myid">ided element</div> 

किसी संख्या इस पर है? मैंने पढ़ा है कि सीएसएस आईडी 'तेज' हैं, लेकिन कितनी? मैं अनुमान लगा रहा हूं कि यह नगण्य है, लेकिन यह जानना दिलचस्प होगा।

+0

क्या आपका मतलब तत्व की वास्तविक प्रतिपादन या डीओएम में तत्व के लिए पूछताछ करना है? – sma

+0

मैंने प्रश्न में प्रतिपादन शब्द का उपयोग किया था, लेकिन मुझे लगता है कि मैं वास्तव में प्रस्तुत करने के लिए _querying_ DOM के बारे में सोच रहा हूं। –

उत्तर

7

http://oli.jp/2011/ids/

आईडी हैं तेजी से कुछ मामलों में, लेकिन सभी

यह एक आम धारणा है कि आईडी चयनकर्ताओं सबसे तेजी से कर रहे हैं, लेकिन यह एक बड़ा चेतावनी के साथ आता है: आईडी सबसे तेजी से सीएसएस हैं चयनकर्ता केवल तभी जब वे मुख्य चयनकर्ता हैं। वह क्या है? खैर, जब आप शायद बाएं से दाएं चयनकर्ताओं को पढ़ते हैं, तो ब्राउज़र उन्हें दाएं से बाएं पढ़ते हैं।

आपके नंबर अनुरोध के लिए यहाँ एक प्रदर्शन परीक्षण भी है: http://oli.jp/2011/ids/#table1

निष्कर्ष

आईडी सही ढंग से इस्तेमाल तेजी से कर रहे हैं, लेकिन कक्षाओं बनाम इस तरह के एक कम से कम अंतर के साथ - यह किसी भी विचार के लायक नहीं है।

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

संबंधित मुद्दे