जब आपके JavaScript को एक्ज़ीक्यूट करने में ज़्यादा समय लगता है, तो यह आपके पेज की परफ़ॉर्मेंस को कई तरीकों से धीमा कर देता है:
नेटवर्क की लागत
ज़्यादा बाइट डेटा डाउनलोड करने में ज़्यादा समय लगता है.
पार्स और कंपाइल कॉस्ट
JavaScript को पार्स करके मुख्य थ्रेड पर कंपाइल किया जाता है. मुख्य थ्रेड के व्यस्त होने पर, पेज उपयोगकर्ता के इनपुट का जवाब नहीं दे सकता.
एक्ज़ीक्यूशन की लागत
JavaScript को मुख्य थ्रेड पर भी चलाया जाता है. अगर आपके पेज पर ज़रूरत से पहले बहुत ज़्यादा कोड इस्तेमाल किए जाते हैं, तो इसकी वजह से Time To Interactive को देर से ट्रिगर किया जा सकता है. यह एक अहम मेट्रिक है जो इस बात से जुड़ी है कि लोगों को आपके पेज की स्पीड के बारे में क्या पता चलता है.
मेमोरी की लागत
अगर आपका JavaScript बहुत सारे रेफ़रंस को होल्ड पर रखता है, तो हो सकता है कि वह बहुत ज़्यादा मेमोरी का इस्तेमाल करे. ज़्यादा मेमोरी इस्तेमाल करने पर, पेज धुंधले या धीमे दिखते हैं. मेमोरी लीक होने की वजह से आपका पेज पूरी तरह फ़्रीज़ हो सकता है.
Lighthouse JavaScript लागू होने के समय का ऑडिट कैसे फ़ेल हो जाता है
JavaScript चलने में दो सेकंड से ज़्यादा समय लगने पर, Lighthouse चेतावनी दिखाता है. प्रोग्राम चलाने में 3.5 सेकंड से ज़्यादा समय लगने पर ऑडिट नहीं हो पाता है:
प्रोग्राम चलाने में लगने वाले सबसे बड़े योगदान की पहचान करने में आपकी मदद करने के लिए, Lighthouse रिपोर्ट करता है कि आपका पेज लोड होने वाली हर JavaScript फ़ाइल के लागू होने, उसका आकलन करने, और उसे पार्स करने में कितना समय लगा.
JavaScript चलने की रफ़्तार बढ़ाने का तरीका
- कोड बांटने की सुविधा लागू करके, सिर्फ़ वही कोड भेजें जिसकी ज़रूरत आपके उपयोगकर्ताओं को है.
- अपने कोड को छोटा और कंप्रेस करें.
- इस्तेमाल नहीं किया गया कोड हटाएं.
- पीआरपीएल पैटर्न से अपने कोड को कैश मेमोरी में सेव करके, नेटवर्क यात्राओं को कम करें.
पेज लोड को बेहतर बनाने के अन्य तरीकों के बारे में जानने के लिए, परफ़ॉर्मेंस ऑडिट लैंडिंग पेज देखें.
संसाधन
JavaScript की कार्रवाई में लगने वाला समय कम करें ऑडिट के लिए सोर्स कोड