Table of Contents
जावास्क्रिप्ट लोड समय को मापने के लिए वेबसाइट के प्रदर्शन को अनुकूलित करने के लिए आवश्यक है। यह बोतलबंदी की पहचान करने और पेज लोड देरी को कम करके उपयोगकर्ता अनुभव को बेहतर बनाने में मदद करता है।
जावास्क्रिप्ट लोड टाइम्स के लिए कुंजी मीट्रिक
कई मीट्रिक जावास्क्रिप्ट लोड प्रदर्शन को क्वार्टिफाइड करने के लिए उपयोग किए जाते हैं।
- Time to Interactive (TTI): जब पृष्ठ पूरी तरह से इंटरैक्टिव हो जाता है।
- ]]First Contentful Paint (FCP): जब पहला पाठ या छवि प्रस्तुत की जाती है।
- लोड टाइम: लोड करने और निष्पादित करने के लिए सभी स्क्रिप्टों के लिए कुल समय लिया गया।
- ]Script निष्पादन समय: अवधि जावास्क्रिप्ट कोड को निष्पादित करने में खर्च किया।
लोड टाइम्स की गणना
ब्राउज़र डेवलपर कंसोल और प्रदर्शन जैसे उपकरण एपीआई इन मीट्रिकों को मापने में मदद करते हैं। उदाहरण के लिए, नेविगेशन टाइमिंग एपीआई विभिन्न लोडिंग चरणों के लिए टाइमस्टैम्प प्रदान करता है, जिससे अवधि की गणना जैसे:
- ]Script लोड अवधि: स्क्रिप्ट के अनुरोध से स्क्रिप्ट पूरा होने का समय।
- Execution अवधि: समय लोड होने के बाद जावास्क्रिप्ट को निष्पादित करने के लिए लिया।
- ]कुल लोड समय: नेटवर्क और निष्पादन समय की योग।
अनुकूलन युक्तियाँ
जावास्क्रिप्ट लोड समय में सुधार के कई तरीके शामिल हैं:
- ]Nineify Scripts: अनावश्यक वर्णों को हटाकर फ़ाइल का आकार कम करें।
- Defer Loading: प्रारंभिक लोड को बेहतर बनाने के लिए मुख्य सामग्री के बाद लोड स्क्रिप्ट्स।
- Use Caching: स्टोर स्क्रिप्ट स्थानीय रूप से बार-बार डाउनलोड से बचने के लिए।
- ]Split Code:] तेजी से लोड करने के लिए छोटे टुकड़ों में बड़ी स्क्रिप्ट तोड़ो।