2012-08-14 20 views
5

Prefix-free में "उपसर्ग-मुक्त" प्लगइन शामिल करना चाहिए Lea Verou द्वारा एक शानदार प्लगइन है। यह डेवलपर को CSS3 चयनकर्ताओं को बिना किसी उपसर्ग के लिखने में मदद करता है। मुझे आश्चर्य है कि क्या यह मेरी साइट में शामिल करने योग्य है।क्या मुझे अपनी वेबसाइट

मेरे पास कुछ CSS3 के साथ एक वेबसाइट है और मैं जानना चाहता हूं कि एक जेएस फ़ाइल लोड करना जो पेज लोड के बाद सीएसएस को बदलता है, मेरे पृष्ठों की रेंडर गति को कम कर सकता है और क्लाइंट साइड प्रदर्शन को प्रभावित कर सकता है?

+2

अधिकतर गुण, लेकिन कभी-कभी चयनकर्ता (जैसे ':: - moz-select') – BoltClock

उत्तर

7

बेशक आप जावास्क्रिप्ट को निष्पादित करने के लिए जावास्क्रिप्ट-निष्पादन समय और (पुनः-) प्रतिपादन-गति के संदर्भ में आपकी साइट के प्रदर्शन को कम कर देंगे।

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

आपको अपने लिए आवश्यक मिश्रित लिखने की आवश्यकता नहीं है, मूल रूप से अनगिनत एक्सटेंशन हैं, जो आपके लिए काम करेंगे और उपयोग में आसान मिश्रण प्रदान करेंगे।

बस मेरे सिर के ऊपर से बाहर: कम के लिए, एक http://lessprefixer.com/ इस्तेमाल कर सकते हैं - सास http://compass-style.org/

+0

धन्यवाद, मुझे लगता है कि मैं यह जांचने जा रहा हूं कि प्रत्येक समाधान मेरे साइट के प्रदर्शन को कैसे प्रभावित करता है – benams

+0

प्रीफ़िक्स्ड वर्जन बनाने के लिए कम उपयोग कैसे करें सीएसएस –

+0

@MuhammadUmer मिश्रित मिश्रणों का उपयोग करके जो स्वचालित रूप से आवश्यक उपसर्ग जोड़ते हैं। एक उदाहरण होगा http://lessprefixer.com/ मैंने तदनुसार अपना जवाब संपादित किया। – Christoph

2

हाँ के लिए, आप पृष्ठ लोड समय में कमी और संभवतः FOUC उम्मीद कर सकते हैं।

यदि आप अंतिम उपयोगकर्ता अनुभव से समझौता नहीं करना चाहते हैं तो मैं आपको LESS जैसे टूल का उपयोग करने की सलाह दूंगा। कम आपको अधिक कॉम्पैक्ट, मैनेज करने योग्य सीएसएस मार्कअप लिखने में सक्षम बनाता है जो सर्वर से क्लाइंट को भेजने से पहले नियमित सीएसएस में परिवर्तित हो जाता है। यह आसानी से सीएसएस-उपसर्ग समस्या को संभालेगा।

+2

मैंने क्रोम पर FOUC का कारण बनने के लिए -prefix-free देखा है। *बहुत।* – BoltClock

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