शीर्ष पर रख stylesheets
यदि आप एक उत्तरोत्तर पृष्ठ लोड करना चाहते हैं, कि हम जो भी सामग्री के रूप में संभव के रूप में जल्द ही प्रदर्शित करने के लिए ब्राउज़र चाहते हैं, दस्तावेज़ सिर के अंदर पृष्ठ के शीर्ष पर सीएसएस डाल दिया. इससे पृष्ठों तेजी से लोड हो सकता है, के रूप में इस पृष्ठ की प्रगतिशील प्रतिपादन की सुविधा दिखाई देते हैं. इस सामग्री का एक बहुत कुछ के साथ और धीमी इंटरनेट कनेक्शन पर उपयोगकर्ताओं के लिए पृष्ठों के लिए विशेष रूप से महत्वपूर्ण है.
यह एक दस्तावेज तथ्य यह है कि समग्र उपयोगकर्ता अनुभव को बढ़ाने के लिए है, यह महत्वपूर्ण है प्रगति संकेतक और दृश्य feedbacks प्रदान करते हैं. पृष्ठ के तत्वों बदलाव ला होने से बचने के लिए अगर मामले में उनकी शैली बदलने के लिए, कुछ ब्राउज़रों आईई, पृष्ठ के ब्लॉक प्रतिपादन सहित, जब तक सीएसएस पूरी तरह भरी हुई है. इस वजह से उपयोगकर्ता को देखने के हो जाता है एक खाली सफेद पृष्ठ.
W3 एचटीएमएल निर्दिष्टीकरण 'भी कहा गया है कि सीएसएस मुझे HTML पृष्ठ के सिर अनुभाग में शामिल करना चाहिए. at the bottom of the page, so it's best not to use it. यह भी ध्यान रखें कि, IE में @import का उपयोग कर के रूप में एक ही बर्ताव करती है <link> पृष्ठ के तल पर, तो यह सबसे अच्छा करने के लिए इसका इस्तेमाल नहीं है.
ब्राउज़र विशिष्ट सुविधाओं का उपयोग करने से बचें
फिल्टर का प्रयोग करें: फ़िल्टर स्मृति की खपत बढ़ जाती है और तत्व प्रति लागू है, छवि के प्रति नहीं है, तो समस्या बढ़ रहा है. इसके अलावा, फ़िल्टर IE के स्वामित्व हैं, इसलिए अन्य ब्राउज़रों में काम नहीं के रूप में करना होगा. यदि आप पारदर्शी या ढाल पृष्ठभूमि चाहते हैं, छवियों के साथ 1Pixel का उपयोग करें.
अभिव्यक्ति: सीएसएस अभिव्यक्ति करने के लिए एक अच्छा सीएसएस में सुविधा रहे हैं, लेकिन अभी भी IE विशिष्ट सुविधा है. इसके अलावा, यह नोट करना महत्वपूर्ण है कि, इन अभिव्यक्ति कर रहे हैं मूल्यांकन जब पृष्ठ प्रदान की गई है और आकार बदला स्क्रॉल, और यहाँ तक कि जब उपयोगकर्ता पृष्ठ पर माउस चाल. कहना है कि यह अपने पृष्ठ के प्रदर्शन को प्रभावित कर सकता है बेकार है. इसलिए सरल शब्दों में, सीएसएस अभिव्यक्ति का उपयोग कर से बचें, जब तक आपको लगता है इसकी विधि अपने विपक्ष से अधिक वजन का होता है '
आप सीएसएस Externalise है
बाहरी सीएसएस का उपयोग तेजी से लोड हो रहा है में परिणाम होगा पृष्ठों क्योंकि जावास्क्रिप्ट और सीएसएस फ़ाइलें ब्राउज़र द्वारा कैश्ड हैं. HTML दस्तावेज़ में इनलाइन सीएसएस HTML दस्तावेज़ का अनुरोध किया जाता है हर बार डाउनलोड हो. यह वास्तव में HTTP के किए गए अनुरोध की संख्या कम हो सकता है लेकिन यह बाद में HTML दस्तावेज़ का आकार बढ़ जाती है. बाहरी सीएसएस ब्राउज़र द्वारा कैश्ड हैं, HTML दस्तावेज़ का आकार HTTP अनुरोधों की संख्या में वृद्धि के बिना कम है.
कृपया ध्यान दें कि, अगर आपकी साइट पर उपयोगकर्ताओं के प्रति सत्र एक से अधिक पृष्ठ विचार है और आपके पृष्ठों की पुनः उपयोग एक ही स्क्रिप्ट और स्टाइलशीट कई, वहाँ एक बड़ी कैश्ड बाह्य फ़ाइलों से संभावित लाभ है.
अपने सीएसएस फ़ाइल पैक
पैकिंग या है crunching अपने सीएसएस कोड से अनावश्यक अक्षर को हटाने के लिए उसके आकार जिससे कम लोड समय में सुधार करने की प्रथा है.
सीएसएस मुझे सफेद रिक्त स्थान की तरह और टिप्पणियों के किसी भी अवांछित वर्णों को हटाने के द्वारा crunched, आदि कर सकते हैं, newlines