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

Adam Raine
Adam Raine
GitHub
Jasmine Yan
Jasmine Yan
GitHub

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

Lighthouse 11, npm के ज़रिए कमांड लाइन, Chrome Canary, और 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 की सुलभता स्कोरिंग से जुड़ा दस्तावेज़ देखें.

मैन्युअल ऑडिट की विज़िबिलिटी

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

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

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

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

पेज के रिस्पॉन्स में लगने वाला समय (आईएनपी)

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

सर्विस वर्कर

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

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

Lighthouse रिपोर्ट से 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 पैनल में "लेगसी नेविगेशन" चेकबॉक्स को हटा दिया गया है. इससे Lighthouse के इन्फ़्रास्ट्रक्चर में सालों से चल रहा ट्रांज़िशन पूरा हो जाता है, ताकि यूज़र फ़्लो को सपोर्ट किया जा सके.

लाइटहाउस टूल चलाना

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

Lighthouse Node CLI को आज़माने के लिए, इन कमांड का इस्तेमाल करें:

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

Lighthouse टीम से संपर्क करना

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