तपाईंको पृष्ठहरूमा अवयवहरूको संख्या घटाउनुहोस्
HTTP अनुरोधहरू कसरी ब्राउजरहरू तपाईंको पृष्ठहरू हेर्न चाहन्छन्। जब तपाईंको वेब पृष्ठ ब्राउजरमा लोड हुन्छ, ब्राउजर ले URL मा पृष्ठको लागि वेब सर्भरमा HTTP अनुरोध पठाउँछ। त्यसपछि, एचटीएमएल डेलिभर भएको बेला, ब्राउजरले यसलाई पार्यो र छविहरू, लिपिहरू, सीएसएस , फ्लैश र अन्यका लागि अतिरिक्त अनुरोधहरूको लागि हेर्दछ।
प्रत्येक पटक यो एक नयाँ तत्वको लागि अनुरोध देख्नुहुन्छ, यसले सर्भरमा अर्को HTTP अनुरोध पठाउँछ। अधिक छविहरू, लिपिहरू, सीएसएस, फ्लैश, आदि छन् जुन तपाईंको पृष्ठमा थप अनुरोधहरू छन् र तपाईंको पृष्ठ लोड हुनेछ। तपाईंको पृष्ठहरूमा एचटीटीटी अनुरोधहरूको संख्या घटाउन सबै भन्दा सरल तरिका धेरै (वा कुनै) छविहरू, लिपिहरू, सीएसएस, फ्ल्यास, आदि प्रयोग गर्दैन। तर पाठहरू जुन पाठ मात्र बोरिङ छन्।
तपाइँको डिजाइन नष्ट नगरी HTTP अनुरोधहरू कसरी घटाउने?
सौभाग्य देखि, त्यहाँ थुप्रै तरिकाहरू छन् जुन HTTP अनुरोधहरूको संख्या कम गर्न सक्नुहुन्छ, जबकि उच्च गुणस्तर, धनी वेब डिजाइनहरू राख्ने।
- फाइलहरू संयोजन गर्नुहोस् - बाह्य शैली पानाहरू र लिपिहरू प्रयोग गरेर उनीहरूलाई तपाइँको पृष्ठ लोड समय बिगारिदिनु आवश्यक छ, तर एक भन्दा बढी CSS र एक स्क्रिप्ट फाइल भन्दा बढी छैन।
- CSS Sprites प्रयोग गर्नुहोस् - जब तपाइँ प्रायः सबै वा तपाईंको छविहरू स्प्रेटमा जोड्नुहुन्छ, तपाइँ केवल एकैछिन छविहरू अनुरोधहरू एक चोटि घुमाउनुहोस्। त्यसपछि तपाइँले मात्र आवश्यक छविको खण्ड प्रदर्शन गर्न पृष्ठभूमि-छवि CSS सम्पत्ति प्रयोग गर्नुहुन्छ।
- तस्बिर नक्सा - इमेज नक्साहरू लोकप्रिय भएन तिनीहरू एक पटक थिए, तर जब तपाईं सँग सम्बन्धित तस्वीरहरू छन् तिनीहरू एक मात्र HTTP छवि अनुरोधहरू कम गर्न सक्छन्।
आन्तरिक पृष्ठ लोड टाइमर सुधार गर्न क्याचिंग प्रयोग गर्नुहोस्
CSS sprites र संयुक्त CSS र स्क्रिप्ट फाइलहरू प्रयोग गरेर, तपाईं आन्तरिक पृष्ठहरूको लागि लोड समय पनि सुधार गर्न सक्नुहुन्छ। उदाहरणका लागि, यदि तपाईसँग स्प्रेट छवि छ जुन इन्टरनेट पृष्ठहरूको तत्वहरू र तपाईंको ल्यान्डिंग पृष्ठका तत्वहरू छन्, त्यसपछि जब तपाईंका पाठकहरू ती आन्तरिक पृष्ठहरूमा जान्छन्, छवि पहिले नै डाउनलोड र क्यासमा छ । त्यसैले तिनीहरू ती छविहरू तपाईंको गृह पृष्ठमा लोड गर्न HTTP अनुरोध आवश्यक पर्दैन।