लोड समय में सुधार के लिए HTTP अनुरोधों को कैसे कम करें

HTTP अनुरोध यह है कि ब्राउज़र आपके पृष्ठों को कैसे देखने के लिए कहते हैं। जब आपका वेब पेज ब्राउज़र में लोड होता है, तो ब्राउज़र यूआरएल में पेज के लिए वेबसर्वर को एक HTTP अनुरोध भेजता है। फिर, जैसे ही HTML वितरित किया जाता है, ब्राउज़र इसे पार्स करता है और छवियों, लिपियों के लिए अतिरिक्त अनुरोधों की तलाश करता है, सीएसएस, फ्लैश, और इसी तरह।

हर बार जब यह किसी नए तत्व के लिए अनुरोध देखता है, तो यह सर्वर को एक और HTTP अनुरोध भेजता है। अधिक छवियां, स्क्रिप्ट, सीएसएस, फ्लैश, आदि। कि आपके पृष्ठ में अधिक अनुरोध किए जाएंगे और आपके पृष्ठ धीमे लोड होंगे। अपने पृष्ठों पर HTTP अनुरोधों की संख्या को कम करने का सबसे आसान तरीका है कि आप कई (या कोई भी) छवियों, स्क्रिप्ट, सीएसएस, फ्लैश आदि का उपयोग न करें। लेकिन जो पेज सिर्फ टेक्स्ट हैं वे उबाऊ हैं।

अपने डिज़ाइन को नष्ट किए बिना HTTP अनुरोधों को कैसे कम करें

सौभाग्य से, ऐसे कई तरीके हैं जिनसे आप उच्च-गुणवत्ता, समृद्ध वेब डिज़ाइन बनाए रखते हुए HTTP अनुरोधों की संख्या को कम कर सकते हैं।

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

आंतरिक पृष्ठ लोड समय को बेहतर बनाने के लिए कैशिंग का उपयोग करें

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

instagram story viewer