Lighthouse 11 में नया क्या है

Adam Raine
Adam Raine
GitHub
Jasmine Yan
Jasmine Yan
GitHub

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

Lighthouse 11, npm के ज़रिए कमांड लाइन पर, Chrome कैनरी में, और PageSpeed Insights में तुरंत उपलब्ध हो जाता है. यह Chrome 118 में, Chrome के वर्शन में लंबे समय तक काम करेगा.

11.0 बदलाव लॉग में बदलावों की पूरी सूची देखें.

सुलभता कैटगरी से जुड़े अपडेट

कैटगरी में होने वाले अपडेट में, अपने-आप होने वाले नए ऑडिट, बेहतर महत्व, और प्राथमिकता के साथ मैन्युअल ऑडिट शामिल हैं. इससे, डेवलपर को अपनी साइटों को ज़्यादा से ज़्यादा लोगों तक पहुंचाने में मदद मिलती है.

नए ऑडिट और महत्व

Lighthouse 10.0 के बाद से, 13 नए सुलभता ऑडिट जोड़े गए हैं:

  • aria-allowed-role
  • aria-dialog-name
  • aria-text
  • html-xml-lang-mismatch
  • image-redundant-alt
  • input-button-name
  • label-content-name-mismatch
  • link-in-text-block
  • select-name
  • skip-link
  • table–duplicate-name
  • table-fake-caption
  • td-has-header

नए ऑडिट के अलावा, सभी ऑडिट के महत्व को अपडेट किया गया है, ताकि वे aXe नियम के असर के लेवल से बेहतर तरीके से मैच हो सकें. नए ऑडिट और वेट के बारे में सटीक जानकारी के लिए, Lighthouse सुलभता स्कोरिंग दस्तावेज़ देखें.

ऑडिट को मैन्युअल तरीके से दिखाना

लाइटहाउस में हमेशा कुछ मैन्युअल ऑडिट शामिल होते हैं, जिन्हें अपने-आप टेस्ट नहीं किया जा सकता. हालांकि, उन्हें अब भी एक चेकलिस्ट के तौर पर शामिल किया जाता है, ताकि अहम फ़ंक्शन की पुष्टि की जा सके. अपने-आप होने वाले सभी ऑडिट पास होने के बाद, मैन्युअल ऑडिट सेक्शन अब अपने-आप बड़ा हो जाता है.

एक लाइटहाउस रिपोर्ट, जिसमें सुलभता कैटगरी को बड़ा करके मैन्युअल ऑडिट दिखाया गया है

इस बात पर ज़ोर दिया जाता है कि अपने-आप होने वाले सभी ऑडिट को पास करना और सुलभता में 100 स्कोर करना इस बात की गारंटी नहीं देता है कि ऑडिट किया गया पेज ऐक्सेस किया जा सकता है. इसके बावजूद, मैन्युअल तौर पर टेस्ट करना ज़रूरी है. मैन्युअल ऑडिट को भी फिर से क्रम में लगाया गया है, ताकि आसानी से की जाने वाली जांच के साथ शुरुआत की जा सके.

मौजूदा ऑडिट में बदलाव

इंटरैक्शन टू नेक्स्ट पेंट (आईएनपी)

आईएनपी पर अब एक्सपेरिमेंट नहीं है. इसलिए, मेट्रिक को experimental-interaction-to-next-paint से interaction-to-next-paint में ट्रांसफ़र कर दिया गया है.

सर्विस वर्कर

Chrome में किसी पेज को PWA के तौर पर इंस्टॉल करने के लिए, अब सर्विस वर्कर की ज़रूरत नहीं है. इसलिए, service-worker की जांच को Lighthouse PWA कैटगरी से हटा दिया गया है.

संसाधन की खास जानकारी

resource-summary ऑडिट को लाइटहाउस रिपोर्ट से हटा दिया गया है. नेटवर्क अनुरोध के आंकड़ों को छिपे हुए network-requests ऑडिट का इस्तेमाल करके अब भी इकट्ठा किया जा सकता है:

const {lhr} = await lighthouse('https://example.com');
const networkRequests = lhr.audits['network-requests'].details.items;
const resourceSummary = {};

for (const request of networkRequests) {
  let total = resourceSummary[request.resourceType] || 0;
  total += request.resourceSize;
  resourceSummary[request.resourceType] = total;
}

console.log(resourceSummary);

लेगसी नेविगेशन

सीएलआई के लिए --legacy-navigation फ़्लैग, Node API में legacyNavigation() फ़ंक्शन, और DevTools पैनल में "लेगसी नेविगेशन" चेकबॉक्स हटा दिए गए हैं. इससे, यूज़र फ़्लो के साथ काम करने के लिए, लाइटहाउस के इन्फ़्रास्ट्रक्चर में एक साल का ट्रांज़िशन पूरा होता है.

रनिंग लाइटहाउस

लाइटहाउस Chrome DevTools में npm (नोड मॉड्यूल और सीएलआई टूल के तौर पर) और ब्राउज़र एक्सटेंशन के तौर पर (Chrome और Firefox में) उपलब्ध है. साथ ही, इसकी मदद से Google की कई सेवाएं भी इस्तेमाल की जा सकती हैं. जैसे, PageSpeed Insights.

लाइटहाउस नोड सीएलआई को आज़माने के लिए, नीचे दिए गए निर्देशों का इस्तेमाल करें:

npm install -g lighthouse
lighthouse https://www.example.com --view

लाइटहाउस टीम से संपर्क करें

नई सुविधाओं, Lighthouse 11 की रिलीज़ में हुए बदलावों या लाइटहाउस से जुड़ी किसी भी चीज़ के बारे में बात करने के लिए: