2015-02-22 5 views
6

क्या आप सभी सीएसएस को इनलाइन शैली के रूप में रखते हैं तो ReactJS वर्चुअल डॉम आपके ऐप को तेज़ी से बना देता है? कच्चे। सीएसएस फाइलों का उपयोग कर वीएस?ReactJS में तेज़, कच्चे सीएसएस या इनलाइन शैलियों क्या है?

http://facebook.github.io/react/tips/inline-styles.html

इसके अलावा जावास्क्रिप्ट में सीएसएस पर इस ReactJS प्रस्तुति देखें: https://speakerdeck.com/vjeux/react-css-in-js

+0

संभवतः संबंधित (यह भी दिलचस्प पढ़ने) https://stackoverflow.com/questions/8284365/external-css-vs-inline-style-performance-difference – mattsven

+0

इस दिलचस्प jsperf सामान पाया http://jsperf.com/जेएस-इनलाइन-सीएसएस-बनाम स्टाइलशीट-एक-पर-एक-समय/2 परिणाम कहता है कि स्टाइलशीट इनलाइन से तेज है – Dhiraj

उत्तर

9

ब्राउज़र तेज़ + प्रतिपादन इंजन और स्मृति कुशल पार्स करने उनके CSS स्टाइलशीट बनाने में प्रयासों के वर्षों के डाल दिया है। इनलाइन शैलियों में बिल्कुल वही उपचार नहीं था। हालांकि उज्ज्वल पक्ष यह है कि यदि आप सामान्य आकार के ऐप्स/पेज बना रहे हैं तो इससे वास्तव में कोई फर्क नहीं पड़ता। अंतर छोटा है। इनलाइन शैलियों को इस तथ्य के लिए तैयार किया जाता है कि 100% शैलियों का वास्तव में उपयोग किया जाता है, जहां सीएसएस स्टाइलशीट को अक्सर संयोजित किया जाता है और लगभग 9 0% पार्स किए गए नियम निष्क्रिय (बर्बाद) होते हैं।

युक्ति: प्रतिक्रिया पुन: प्रस्तुत करने से बचकर अपने प्रदर्शन में सुधार करें। यही वह जगह है जहां बाधा वास्तव में है!

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