ओवरक्लॉकिंग सीएसएस चयनकर्ताओं: क्या यह इसके लायक है?

विटाली हरिसोव समर्पित है

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

क्रियाविधि। फ़ाइल का आकार

स्वाभाविक रूप से, एकल सीएसएस नियम की गति बहुत अधिक है, और यहां तक ​​कि दसियों और उनमें से सैकड़ों को ब्राउज़रों को बिल्कुल धीमा नहीं करना चाहिए। इसलिए, कई हजार नियमों के साथ काम करने के लिए एक प्रयोग करना आवश्यक है, अन्यथा परिणामों की सटीकता बहुत कम होगी। HTML / CSS कोड जनरेट करने के लिए JavaScript का उपयोग करना उचित नहीं लगता, क्योंकि तब आपको ब्राउज़रों में JS इंजन की गति को ध्यान में रखना होगा, परिणामस्वरूप, प्रयोग पर्याप्त रूप से साफ नहीं होगा।

अंत में, स्टैटिक फाइल्स (लगभग 300Kb) जेनरेट करने का निर्णय लिया गया, जिसमें पर्याप्त संख्या में विभिन्न CSS चयनकर्ता होंगे। यह सबसे "पर्याप्त" नंबर कई मापदंडों के अनुसार चुना गया था, जिसमें शामिल हैं: फ़ाइल का आकार (मैं ब्राउज़र और इंटरनेट के माध्यम से कई एमबी ड्राइव नहीं करना चाहता) और ब्राउज़रों में HTML / CSS कोड की गति (यह काफी कम होनी चाहिए ताकि फाइलें कई हों खोले जाने पर सैकड़ों Kb पहले से ही धीमी गति से।

webo.in पर अधिक पढ़ें →