लाइटहाउस 8.4, कमांड लाइन पर और Chrome कैनरी में तुरंत उपलब्ध हो जाता है. यह एक हफ़्ते के अंदर, Chrome 95 में Chrome Stable में उपलब्ध हो जाएगा और PageSpeed Insights में उपलब्ध हो जाएगा.
लाइटहाउस नोड सीएलआई को आज़माने के लिए, इन निर्देशों का इस्तेमाल करें:
npm install -g lighthouse
lighthouse https://www.example.com --view
8.4 बदलाव लॉग में बदलावों की पूरी सूची देखें.
नए ऑडिट
सबसे बड़े एलिमेंट को रेंडर करने में लगने वाले समय की इमेज को लेज़ी-लोड न करें
लेज़ी लोडिंग वाली इमेज, ऑफ़स्क्रीन इमेज को अलग करने का असरदार तरीका हो सकती है. इससे, पेज के ऊपरी हिस्से पर मौजूद कॉन्टेंट को लोड होने में रुकावट नहीं आएगी.
हालांकि, अगर किसी पेज का LCP एलिमेंट एक इमेज है, तो लेज़ी-लोडिंग से एलसीपी पर खराब असर पड़ सकता है. ब्राउज़र, इमेज को तुरंत डाउनलोड करने के लिए प्राथमिकता देने के बजाय, इमेज को सूची में डाल सकता है और पहले दूसरे रिसॉर्स को फ़ेच कर सकता है. WordPress में लेज़ी-लोडिंग के बारे में हाल ही में की गई एक स्टडी में पाया गया है कि अगर शुरुआती व्यूपोर्ट में इमेज को लेज़ी-लोड नहीं किया जाता, तो कुछ साइटों के लिए एलसीपी में 15% तक की बढ़ोतरी हो सकती है.
अब लाइटहाउस यह पता लगा लेगा कि एलसीपी एलिमेंट कोई लेज़ी लोडेड इमेज थी या नहीं. इसके बाद, लाइटहाउस उससे loading एट्रिब्यूट को हटाने का सुझाव देगा.
ज़्यादा जानकारी के लिए, शुरुआती प्रस्ताव और लागू करने का पुल अनुरोध देखें.
फ़र्स्ट इनपुट डिले को बेहतर बनाने के लिए, मोबाइल व्यूपोर्ट सेट करें
viewport ऑडिट सालों से, सबसे सही तरीकों की कैटगरी का हिस्सा रहा है. हालांकि, 8.4 ऑडिट के लिए परफ़ॉर्मेंस कैटगरी में भी इस सलाह का स्वागत करता है.
कई मोबाइल ब्राउज़र "ज़ूम करने के लिए डबल टैप करें" सेटिंग का समर्थन करते हैं उपयोगकर्ताओं को ऐसे कॉन्टेंट को आसानी से बड़ा करने की सुविधा मिलती है जिसे मोबाइल स्क्रीन के लिए नहीं बनाया गया है. इसमें ऐसे कॉन्टेंट को बड़ा करना होता है जिसमें अश्लील मोबाइल <meta name="viewport"> नहीं दिखता. इसका मतलब यह है कि उपयोगकर्ता पर टैप करने के बाद, ब्राउज़र को 300 मि॰से॰ तक इंतज़ार कर सकता है. इससे यह पता चलता है कि उसके बाद दूसरी बार टैप किया जाएगा या नहीं और इस दौरान पेज, शुरुआती टैप का जवाब नहीं दे पाएगा. इसका मतलब है कि सौ मिलीसेकंड तक का एफ़आईडी काम नहीं कर रहा.
एचटीटीपी संग्रह के डेटा के हाल ही में किए गए एक अध्ययन के मुताबिक, ऐसी आधी साइटों को लाइटहाउस में 90 या उससे ज़्यादा स्कोर मिला, जो कम से कम एक Core Web Vital के फ़ेल हो गए, उनके पास मोबाइल व्यूपोर्ट सेट नहीं था और वे एफ़आईडी में काम नहीं कर पा रही थीं. इसलिए, अगर कोई व्यूपोर्ट नहीं मिलता है, तो लाइटहाउस परफ़ॉर्मेंस सेक्शन अब इस तरह का व्यूपोर्ट जोड़ने का सुझाव देगा:
<meta name="viewport" content="width=device-width">
ज़्यादा जानकारी के लिए, प्रपोज़ल से जुड़ी समस्या और पुल का अनुरोध लागू करने का तरीका देखें.
लाइटहाउस टीम से संपर्क करना
नई सुविधाओं, वर्शन 8.4 या लाइटहाउस से जुड़ी अन्य सुविधाओं के बारे में जानकारी पाने के लिए:
- किसी समस्या की शिकायत करें या Lighthouse GitHub रेपो की मदद से सुझाव, शिकायत या राय सबमिट करें.
- Twitter @____lighthouse पर लाइटहाउस टीम से संपर्क करें.