एसिंक्रोनस स्क्रिप्ट लोडिंग तकनीक

कई वेब एप्लिकेशन बढ़ी हुई कार्यक्षमता प्रदान करने के लिए कई स्क्रिप्ट और सीएसएस फ़ाइलों को लोड करने पर भरोसा करते हैं। हालाँकि, सिंक्रोनस लोडिंग पेज रेंडरिंग को काफी धीमा कर सकती है। इस समस्या के समाधान के लिए, इन संसाधनों को अतुल्यकालिक रूप से लोड करने के लिए कई विधियाँ मौजूद हैं।

Async विशेषता के साथ स्क्रिप्ट लोड करना

एक दृष्टिकोण स्क्रिप्ट टैग में async विशेषता का उपयोग करना है:

यह विशेषता ब्राउज़र को संकेत देती है कि स्क्रिप्ट को बिना ब्लॉक किए निष्पादित किया जा सकता है अन्य संसाधनों की लोडिंग. हालाँकि, यह ध्यान रखना महत्वपूर्ण है कि निर्भरता वाली स्क्रिप्ट अतुल्यकालिक रूप से लोड होने पर भी समस्याएँ पैदा कर सकती हैं। स्क्रिप्ट और स्टाइलशीट अतुल्यकालिक रूप से। हालाँकि, कोड में यह सुनिश्चित करने के लिए कॉलबैक तंत्र का अभाव है कि पृष्ठ के इंटरैक्टिव होने से पहले सभी संसाधन लोड हो चुके हैं।

JQuery की $.getScript विधि का उपयोग करना

JQuery की $.getScript() विधि एक संक्षिप्त प्रदान करती है स्क्रिप्ट को अतुल्यकालिक रूप से लोड करने का तरीका:

$.getScript('js/jquery-ui-1.8.16.custom.min.js', successCallback);

यह फ़ंक्शन सफल और असफल लोडिंग परिदृश्यों को संभालने की अनुमति देता है।

विचार

यह सुनिश्चित करना महत्वपूर्ण है कि अप्रत्याशित व्यवहार से बचने के लिए स्क्रिप्ट और स्टाइलशीट सही क्रम में लोड की गई हैं . इसके अतिरिक्त, संसाधनों को अतुल्यकालिक रूप से लोड करना पृष्ठ प्रदर्शन को अनुकूलित करने का प्राथमिक तरीका नहीं होना चाहिए। लघुकरण, संपीड़न और अनुरोधों की संख्या कम करने जैसी तकनीकों पर भी विचार किया जाना चाहिए।