Lighthouse 2.6 से जुड़े अपडेट

लाइटहाउस 2.6 रिलीज़ हो गया है! हाइलाइट में ये शामिल हैं:

नई सुविधाओं, बदलावों, और गड़बड़ियों को ठीक करने की पूरी सूची देखने के लिए, 2.6 प्रॉडक्ट की जानकारी देखें.

वर्शन 2.6 में अपडेट करने का तरीका

  • NPM. npm update lighthouse चलाएं. अगर आपने दुनिया भर में Lighthouse इंस्टॉल किया है, तो npm update lighthouse -g फ़्लैग चलाएं.
  • Chrome एक्सटेंशन. एक्सटेंशन अपने-आप अपडेट हो जाना चाहिए, लेकिन chrome://extensions की मदद से इसे मैन्युअल तरीके से अपडेट किया जा सकता है.
  • DevTools. Chrome 65 में ऑडिट पैनल, 2.6 के साथ भेजा जाएगा. chrome://version की मदद से, यह देखा जा सकता है कि Chrome के किस वर्शन का इस्तेमाल किया जा रहा है. Chrome हर छह हफ़्ते में नए वर्शन में अपडेट होता है. Chrome कैनरी को डाउनलोड करके, Chrome का सबसे नया कोड इस्तेमाल किया जा सकता है.

नया परफ़ॉर्मेंस ऑडिट

JavaScript के चालू होने में ज़्यादा समय लगता है

अलग-अलग स्क्रिप्ट को पार्स करने, कंपाइल करने, और लागू करने में आपके पेज में लगने वाले समय का ब्रेकडाउन देखें. JavaScript के चालू होने में लगने वाला समय, पेज लोड होने में लगने वाले समय का एक अहम हिस्सा है. हालांकि, यह पेज लोड होने में लगने वाले समय को कम करता है.

'JavaScript के चालू होने में लगने वाला समय ज़्यादा है' ऑडिट.
पहली इमेज. JavaScript के चालू होने में लगने वाला समय ज़्यादा है ऑडिट

स्टैटिक एसेट पर, कैश मेमोरी की ऐसी नीति का इस्तेमाल करता है जो बेहतर तरीके से काम नहीं करती

पक्का करें कि ब्राउज़र आपके हर रिसॉर्स को सही तरीके से कैश मेमोरी में सेव करता है.

'स्टैटिक एसेट पर, कैश मेमोरी की गलत नीति का इस्तेमाल करता है' ऑडिट
दूसरी इमेज. स्टैटिक ऐसेट के लिए, कैश मेमोरी से जुड़ी गलत नीति का इस्तेमाल करता है ऑडिट

पेज रीडायरेक्ट से बचें

पेज रीडायरेक्ट के ज़रिए एक या दो अतिरिक्त नेटवर्क राउंडट्रिप जोड़ते हैं. ऐसा तब होता है, जब अलग से डीएनएस लुकअप की ज़रूरत हो. पेज लोड होने की अवधि बढ़ाने के लिए रीडायरेक्ट कम करें.

'पेज रीडायरेक्ट करने से बचें' ऑडिट
तीसरी इमेज. पेज रीडायरेक्ट से बचने का विकल्प ऑडिट

सुलभता सेक्शन में स्कोर को नए सिरे से तैयार करना

लाइटहाउस 2.6 में, एग्रीगेट सुलभता स्कोर का हिसाब अलग तरीके से लगाया जाता है. स्कोर में हर सुलभता ऑडिट का आकलन, उपयोगकर्ता अनुभव पर उसके असर की गंभीरता के साथ-साथ, समस्या की फ़्रीक्वेंसी के आधार पर किया जाता है. यह एचटीटीपी संग्रह डेटासेट पर आधारित होता है. इसके बारे में ज़्यादा जानकारी पाने के लिए, googlechrome/lighthouse/issues/3444 देखें.

उपयोगकर्ता अनुभव (UX) में किए गए सुधारों की रिपोर्ट करें

टॉप-लेवल की गड़बड़ियां

आपकी रिपोर्ट में सबसे ऊपर, लाइटहाउस आपको उन गड़बड़ियों की सूचना देता है जिनसे हो सकता है कि आपके पेज के स्कोर पर असर पड़ा हो.

रिपोर्ट में सबसे ऊपर दिखने वाली टॉप-लेवल की गड़बड़ियां
चौथी इमेज. रिपोर्ट में सबसे ऊपर दिखने वाली टॉप-लेवल की गड़बड़ियां

रिपोर्ट एक्सपोर्ट करें रिपोर्ट का डेटा भेजें पर क्लिक करें. इसके बाद, अपनी रिपोर्ट की खास या पूरी जानकारी देने वाले वर्शन को प्रिंट करने के लिए प्रिंट की खास जानकारी या बड़ा प्रिंट करें चुनें.

खास जानकारी और बड़े किए गए व्यू प्रिंट करें
पांचवी इमेज. खास जानकारी और बड़े किए गए व्यू प्रिंट करें

आसपेक्ट रेशियो (चौड़ाई-ऊंचाई का अनुपात) की गड़बड़ी ठीक की गई

2.6 उस गड़बड़ी को भी ठीक कर देता है जिसकी वजह से इमेज को सही आसपेक्ट रेशियो (लंबाई-चौड़ाई का अनुपात) दिखाता है ऑडिट नहीं हो पाता है. भले ही, पेज पर कोई इमेज न हो या सभी इमेज का साइज़ सही हो.