दिलचस्प पोस्ट
PHP: एक डबल कोट्स के भीतर एक चर का उपयोग करना ऐप आईओएस आईपीवी 6 नेटवर्क से अस्वीकृत जीजीप्लोट के लिए पैरामीटर गुजर रहा है आईफ़ोन विकास: मुक्तिदाता को मुक्त किया जा रहा है आवंटित नहीं किया गया था राज्य स्ट्रिंग में html प्रस्तुत करना Mysql: दो तिथियों के बीच सभी डेटा का चयन करें फ़ोल्डर नहीं प्राप्त कर सकते हैं कि मैं सिर्फ गूगल ड्राइव पर बनाया है पीपीपी में एक गीत के बीपीएम का पता लगाने के लिए java.sql.SQLException: – ORA-01000: अधिकतम खुले कर्सर पार हो गए हैं मैं स्ट्रिंग का उपयोग करके एक नई एंड्रॉइड गतिविधि कैसे शुरू करूं? क्या मैं सिर्फ अपने एचटीएमएल टैग पर गुण बना सकता हूँ? InfogainLoss परत संबंधित मॉडल के लिए शर्तों के द्वारा फ़िल्टर कैसे करें? कस्टम फ़्रेम में Array.prototype जोड़ना जैक्सन ऊंट-मामले के पक्ष में अंडरस्कोर्स पर काबू पाने

सार्वभौम चयनकर्ता का प्रदर्शन क्या है?

मैं एक पृष्ठ में कुछ सरल क्लाइंट-साइड प्रदर्शन के tweaks को ढूंढने की कोशिश कर रहा हूं जो लाखों पृष्ठ का दृश्य प्राप्त करता है। एक चिंता यह है कि मेरे पास सीएसएस सार्वभौमिक चयनकर्ता ( * ) का उपयोग है

एक उदाहरण के रूप में, निम्न की तरह एक बहुत ही सरल HTML दस्तावेज़ पर विचार करें:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Example</title> <style type="text/css"> * { margin: 0; padding: 0; } </head> <body> <h1>This is a heading</h1> <p>This is a paragraph of text.</p> </body> </html> 

सार्वभौमिक चयनकर्ता, body , h1 और p तत्वों के लिए उपरोक्त घोषणा को लागू करेगा, क्योंकि ये दस्तावेज़ में केवल एक ही हैं।

सामान्य तौर पर, मैं एक नियम से बेहतर प्रदर्शन देखना चाहूंगा जैसे कि:

 body, h1, p { margin: 0; padding: 0; } 

या यह वास्तव में एक ही शुद्ध प्रभाव होगा?

क्या सार्वभौमिक चयनकर्ता अधिक काम करता है जिसे मुझे पता नहीं हो सकता है?

मुझे एहसास है कि इस उदाहरण में प्रदर्शन का प्रभाव बहुत छोटा हो सकता है, लेकिन मैं कुछ सीखने की उम्मीद कर रहा हूं जो वास्तविक-विश्व स्थितियों में और अधिक महत्वपूर्ण प्रदर्शन सुधारों को जन्म दे सकता है।

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

आखिरकार, मैं यह निर्धारित करने की उम्मीद कर रहा हूं कि क्या सार्वभौम चयनकर्ता के बारे में कुछ धीमी गति से धीमा है, या यदि बड़े पैमाने पर दुरुपयोग के कारण इसमें सिर्फ एक बुरा रैप है यदि * { margin: 0; } * { margin: 0; } body, h1, p { margin: 0; } बराबर है body, h1, p { margin: 0; } body, h1, p { margin: 0; } , तो वह मेरे प्रश्न का उत्तर देगा, और मुझे पूर्व के साथ जाने के लिए पता चल जाएगा क्योंकि यह अधिक संक्षिप्त है यदि नहीं, तो मुझे समझना चाहिए कि सार्वभौमिक चयनकर्ता अधिक धीरे-धीरे प्रदर्शन क्यों करता है।

Solutions Collecting From Web of "सार्वभौम चयनकर्ता का प्रदर्शन क्या है?"

आधुनिक ब्राउज़रों में प्रदर्शन प्रभाव नगण्य है, बशर्ते आप हर तत्व को धीमा प्रभाव लागू न करें (जैसे बॉक्स-छाया, जेड-अक्ष रोटेशन)। मिथक है कि सार्वभौमिक-चयनकर्ता धीमा है, दस साल पहले जब वह धीमा था तब से हैंगओवर है।

संदर्भ: http://www.kendoui.com/blogs/teamblog/posts/12-09-28/css_tip_star_selector_not_that_bad.aspx

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

वाइल्डकार्ड सभी के लिए एक कारण के लिए है आपको इसे समझना होगा कि इसका इस्तेमाल करने के बजाय इसे अधिक लाभकारी होगा। ये संदर्भ पर निर्भर करता है।

सीएसएस टेम्पलेट करते समय मैं वाइल्डकार्ड और सामान्य चयनकर्ताओं का उपयोग करता हूं कस्टम शैलियों का उपयोग करते हुए एक अपरिचित वर्डप्रेस थीम के अंदर यह तत्वों की एक श्रृंखला को जल्दी से छानने का एक शानदार तरीका है।

यहां तक ​​कि बूटस्ट्रैप, जो लोकप्रिय और सुव्यवस्थित है, सही परिस्थितियों में वाइल्डकार्ड का उपयोग करता है

संदर्भ:

  • http://getbootstrap.com/css/
  • Gustafson, ए 2015. अनुकूली वेब डिजाइन: प्रगतिशील संवर्धन के साथ समृद्ध अनुभव क्राफ्टिंग बर्कले, (सीए): न्यू राइडर्स

सामान्य चयनकर्ताओं से बचना हमेशा आपके पृष्ठ रेंडरिंग को गति देगा। वाइल्डकार्ड * धीमा है, खासकर जब आपके पृष्ठ जटिल घोंसले बनते हैं और आपके तत्व की गिनती बढ़ जाती है

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

 .mysuperclass ul li pa 

आपके पास चार सामान्य चयनकर्ताओं के बाद एक वर्ग है – इसका अर्थ है कि प्रत्येक घटक के लिए .mysuperclass को प्रतिपादन इंजन को उस नियम के लिए देख रहे माता पिता के प्रत्येक तत्व के माध्यम से पाश होना चाहिए।

संक्षेप में, मेरा जवाब आपके सीएसएस के साथ जितना संभव हो उतना विशिष्ट होना चाहिए, और जितनी दूर आप अपने चयनकर्ताओं के साथ डोम में कर सकते हैं नीचे ड्रिल करें। वाइल्डकार्ड और जेनरिक से बचें