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

Adam Raine
Adam Raine
GitHub
Jasmine Yan
Jasmine Yan
GitHub

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

लाइटहाउस 11, कमांड लाइन से npm, Chrome कैनरी, और PageSpeed Insights में तुरंत उपलब्ध है. इसकी जगह, Chrome 118 में Chrome स्टेबल चैनल के तौर पर काम करेगी.

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

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

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

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

लाइटहाउस 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 नियम के असर के लेवल से बेहतर तरीके से मैच कर सकें. नए ऑडिट और वेट की सटीक जानकारी के लिए, लाइटहाउस सुलभता स्कोर का दस्तावेज़ देखें.

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

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

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

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

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

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

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

सर्विस वर्कर

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

संसाधन सारांश

लाइटहाउस रिपोर्ट से 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 फ़्लैग, नोड एपीआई में legacyNavigation() फ़ंक्शन, और "लेगसी नेविगेशन" DevTools पैनल में मौजूद चेकबॉक्स को हटा दिया गया है. इससे लाइटहाउस के इन्फ़्रास्ट्रक्चर में सालों तक ट्रांज़िशन पूरा होता है, ताकि यूज़र फ़्लो को बेहतर बनाया जा सके.

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

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

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

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

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

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