लाइटहाउस एक वेबसाइट ऑडिटिंग टूल है, जो डेवलपर को अपनी साइटों पर उपयोगकर्ता अनुभव को बेहतर बनाने के लिए अवसर और गड़बड़ी की जानकारी देता है.
Lighthouse 9.0, कमांड लाइन, Chrome कैनरी, और PageSpeed Insights में तुरंत उपलब्ध होता है. यह Chrome 98 में, Chrome स्टेबल वर्शन में दिखेगा.
एपीआई में किए गए बदलाव
इस रिलीज़ के साथ ज़्यादातर उपयोगकर्ताओं को वर्कफ़्लो में रुकावट नहीं आने चाहिए. अगर आपने कस्टम लाइटहाउस ऑडिट चलाया है या ऐसे टूल का इस्तेमाल किया है जो लाइटहाउस रिपोर्ट JSON की पूरी जानकारी पर निर्भर हैं, तो 9.0 में कुछ नुकसान पहुंचा सकने वाले बदलाव हो सकते हैं, जिनके बारे में आपको पता होना चाहिए.
9.0 बदलाव लॉग में बदलावों की पूरी सूची देखें.
यूज़र फ़्लो के लिए लाइटहाउस
Lighthouse में एक नया यूज़र-फ़्लो एपीआई है. इसकी मदद से, पेज को लंबे समय तक किसी भी समय लैब टेस्ट किया जा सकता है.
Puppeteer का इस्तेमाल स्क्रिप्ट पेज लोड करने और सिंथेटिक उपयोगकर्ता इंटरैक्शन को ट्रिगर करने के लिए किया जाता है. साथ ही, लाइटहाउस को कई तरीकों से शुरू किया जा सकता है, ताकि उन इंटरैक्शन के दौरान अहम जानकारी कैप्चर की जा सके. इसका मतलब है कि परफ़ॉर्मेंस को पेज लोड होने के दौरान और पेज के साथ इंटरैक्शन के दौरान मापा जा सकता है.
ज़्यादा जानकारी के लिए, Lighthouse यूज़र फ़्लो ट्यूटोरियल और कोड सैंपल देखें.
रिपोर्ट रीफ़्रेश
लाइटहाउस रिपोर्ट को रीफ़्रेश किया गया है, ताकि इसे बेहतर तरीके से पढ़ा जा सके. साथ ही, रिपोर्ट के सोर्स और इसे चलाने के तरीके को ज़्यादा बेहतर बनाया जा सके.
फ़ाइनल स्क्रीनशॉट को रिपोर्ट में सबसे ऊपर एम्बेड किया गया है. इससे, यह साफ़ हो जाएगा कि पेज सही तरीके से लोड हो रहा है और सही फ़ॉर्मैट में है या नहीं.
रिपोर्ट के निचले हिस्से में दी गई खास जानकारी को भी फिर से डिज़ाइन किया गया है, ताकि यह बेहतर तरीके से बताया जा सके कि लाइटहाउस को कैसे चलाया गया था और रिपोर्ट को कैसे इकट्ठा किया गया था.
नई रिपोर्ट को काम करते हुए देखने के लिए, Lighthouse 9.0 आज़माएं या उदाहरण के तौर पर दी गई रिपोर्ट पर जाएं.
सुलभता से जुड़े मिलते-जुलते एलिमेंट
सुलभता की एक आम समस्या तब होती है, जब किसी पेज में यूनीक मानी जाने वाली चीज़ें अलग-अलग होती हैं. उदाहरण के लिए, अगर aria-labelledby एट्रिब्यूट में रेफ़र किए गए आईडी का इस्तेमाल एक से ज़्यादा एलिमेंट पर किया गया है.
लाइटहाउस ने हमेशा इस स्थिति के बारे में चेतावनी दी है, लेकिन यह दोहराए गए आईडी वाले एलिमेंट का सिर्फ़ पहला इंस्टेंस शामिल करेगा. इससे अक्सर भ्रम होता है, क्योंकि कुछ उपयोगकर्ताओं को लगता है कि यह समस्या पैदा करने वाले सभी एलिमेंट दिखा रहा है. लाइटहाउस सिर्फ़ एक एलिमेंट दिखा रहा था, इसलिए उन्हें लगता है कि यह एक गड़बड़ी है, क्योंकि सिंगल एलिमेंट को डुप्लीकेट के तौर पर फ़्लैग किया जा रहा है.
लाइटहाउस 9.0 में, उस आईडी को शेयर करने वाले सभी एलिमेंट अब सूची में दिए गए हैं:
यह "मिलते-जुलते नोड" फ़ंक्शन, axe-core ने उपलब्ध कराया है, इसलिए यह अन्य सुलभता ऑडिट में भी दिख सकता है.
ज़्यादा जानकारी के लिए, उपयोगकर्ता की रिपोर्ट इकट्ठा करने से जुड़ी समस्या और लागू करने के लिए पुल का अनुरोध देखें.
रनिंग लाइटहाउस
Lighthouse, Chrome DevTools में npm (नोड मॉड्यूल और सीएलआई के तौर पर) और ब्राउज़र एक्सटेंशन के तौर पर (Chrome और Firefox में) उपलब्ध है. इससे Google की कई सेवाएं काम करती हैं. जैसे, web.dev/measure और PageSpeed Insights.
लाइटहाउस नोड सीएलआई को आज़माने के लिए, नीचे दिए गए निर्देशों का इस्तेमाल करें:
npm install -g lighthouse
lighthouse https://www.example.com --view
लाइटहाउस टीम से संपर्क करें
नई सुविधाओं, 9.0 रिलीज़ में हुए बदलावों या लाइटहाउस से जुड़ी किसी भी अन्य चीज़ के बारे में बात करने के लिए:
- Lighthouse GitHub से जुड़ी समस्या को ट्रैक करने वाले टूल में, समस्या की शिकायत करें या सुझाव/राय दें या शिकायत करें.
- Lighthouse GitHub पर चर्चा वाले फ़ोरम में सवाल पूछें.
- Twitter पर लाइटहाउस टीम से संपर्क करें @____lighthouse.