मैं डेटा विज़ुअलाइजेशन बना रहा हूं, और प्रतिपादन प्रदर्शन महत्वपूर्ण है। मेरा प्रश्न बोग-मानक एचटीएमएल के लिए प्रासंगिक होगा, हालांकि मैं जावास्क्रिप्ट के साथ एसवीजी का उपयोग कर रहा हूं।प्रदर्शन प्रस्तुत करना: शैली विशेषताओं या वर्गनाम और स्टाइलशीट नियम?
ठीक है, एक काल्पनिक परिदृश्य: कहते हैं कि मैं "red" का एक background-color के साथ 10,000 डोम नोड्स, और "green" का एक background-color के साथ 10,000 डोम नोड्स की है। प्रत्येक नोड एक जावास्क्रिप्ट पाश द्वारा बनाया गया है। मैं कर सकता या तो:
- प्रत्येक नोड पर एक
styleविशेषता सेट करें, नोड केbackground-colorको निर्दिष्ट:<element style="background-color:red;"/> प्रत्येक नोड पर एक
classविशेषता सेट करें और फिर एक इनलाइन शैली या बाहरी शैलीपत्रक में उस वर्ग को संदर्भित :<head><style>.foo {background-color:red;}</style></head><body><element class="foo"/></body>
का प्रदर्शन डाउनलोड करना यहां कोड बिल्कुल महत्वपूर्ण नहीं है - मुझे केवल ब्राउज़र के प्रतिपादन प्रदर्शन में रूचि है। मुझे यह भी पता है कि स्टाइल गुण आमतौर पर वेबसाइट के विकास में इतनी उपयोगी या अर्थपूर्ण नहीं होते हैं, लेकिन मेरे यहां एक विशिष्ट उपयोग केस है।
मैं हूँ तार्किक जवाब में रुचि रखते हैं, लेकिन यह वास्तव में वास्तव में इस परीक्षण या (मैं जानकारी के लिए खोज की है, लेकिन विशेष रूप से इस पर कुछ भी नहीं पाया जाता है) किसी और के परीक्षण के बारे में पढ़ा है किसी से सुनने के लिए उपयोगी होगा।
आपकी मदद के लिए धन्यवाद!
आप अपना खुद का बेंचमार्क क्यों नहीं करते? मुझे संदेह है कि प्रदर्शन विभिन्न ब्राउज़रों के बीच काफी भिन्न होगा ... –
मुझे लगता है कि यह एक बहुत ही विशिष्ट मामला है और इसे अपने आप को विभिन्न ब्राउज़रों में बेंचमार्क करना बहुत आसान है। मेरी शर्त यह है कि यह ज्यादा अलग नहीं होगा, लेकिन कौन जानता है। – Athari
मेरा अनुमान है कि 'स्टाइल' समाधान सबसे तेज़ काम करता है, लेकिन मैं पता लगाने के लिए एक असली दुनिया बेंचमार्क करूँगा। ऐसा करना मुश्किल नहीं होना चाहिए, केवल 10,000 मॉक ऑब्जेक्ट्स बनाएं –