दिलचस्प पोस्ट
ASP.NET से सभी ब्राउज़र के लिए ब्राउज़र कैशिंग अक्षम करना ActiveRecord.find (array_of_ids), आदेश को सुरक्षित रखें एडीबी का उपयोग करते समय मुझे डेटा फ़ोल्डर से प्रवेश का खंडन क्यों मिलता है? कैसे PHP में एक सरणी से नकली मूल्यों को दूर करने के लिए Enum के मूल्य के गुण प्राप्त करना तीन। जेएस: स्थिति के रूप में एक ही सदिश का उपयोग करके 2x मेज़ क्या यह एक पुनरावर्ती SQL क्वेरी बनाना संभव है? क्या NSUserDefaults में मूल्यों को संचय में कोई सीमा है? PKIX पथ बिल्डिंग विफल: अनुरोधित लक्ष्य के लिए वैध प्रमाणीकरण पथ खोजने में असमर्थ मैं पायथन में यूआरएल से छवि डेटा कैसे पढ़ूं? एंड्रॉइड में पृष्ठभूमि का काम करते समय प्रगति डीआईएलओॉग दिखाने के लिए एसिंक टास्क का उपयोग कैसे करें? इट इन स्विफ्ट के लिए अग्रणी शस्त्र आर में फ़ंक्शन निष्पादन समय मापना UIImage के लिए एक पिक्सेल अल्फा मान पुनर्प्राप्त करना क्रोम डेवलपर उपकरण के साथ आइफ्रेम डिबग करना

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

मैं एक पृष्ठ में कुछ सरल क्लाइंट-साइड प्रदर्शन के 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; } , तो वह मेरे प्रश्न का उत्तर देगा, और मुझे पूर्व के साथ जाने के लिए पता चल जाएगा क्योंकि यह अधिक संक्षिप्त है यदि नहीं, तो मुझे समझना चाहिए कि सार्वभौमिक चयनकर्ता अधिक धीरे-धीरे प्रदर्शन क्यों करता है।

वेब के समाधान से एकत्रित समाधान "सार्वभौम चयनकर्ता का प्रदर्शन क्या है?"

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

संदर्भ: 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 को प्रतिपादन इंजन को उस नियम के लिए देख रहे माता पिता के प्रत्येक तत्व के माध्यम से पाश होना चाहिए।

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