पब्लिश किया गया: 10 अक्टूबर, 2025
Lighthouse, वेबसाइट की परफ़ॉर्मेंस की जांच करने वाला एक टूल है. यह डेवलपर को मेट्रिक, अहम जानकारी, और डाइग्नोस्टिक्स की मदद से, अपनी साइटों का यूज़र एक्सपीरियंस बेहतर बनाने में मदद करता है.
Lighthouse 13, npm के ज़रिए कमांड लाइन पर और Chrome Canary में तुरंत उपलब्ध है. यह अगले हफ़्ते PageSpeed Insights में उपलब्ध होगा. यह Chrome के वर्शन 143 में Chrome के स्टेबल चैनल में उपलब्ध होगा.
बदलावों की पूरी सूची 13.0 के बदलावों के लॉग में देखें.
परफ़ॉर्मेंस ऑडिट की कई सुविधाओं को हटा दिया गया है. इनकी जगह पर, नई अहम जानकारी वाली सुविधाएं उपलब्ध कराई गई हैं
हमने पहले ही एलान कर दिया था कि हम Lighthouse परफ़ॉर्मेंस ऑडिट और DevTools परफ़ॉर्मेंस पैनल की अहम जानकारी को, दोनों टूल में उपलब्ध परफ़ॉर्मेंस की अहम जानकारी में शामिल कर देंगे.
Lighthouse 12 में, हमने Lighthouse रिपोर्ट में डिफ़ॉल्ट व्यू को बदलकर, यह अहम जानकारी दिखाने का विकल्प चुना है. साथ ही, Lighthouse 13 में हम रिपोर्ट और उससे जुड़े JSON, दोनों से पुराने ऑडिट हटा रहे हैं.
हम समुदाय के सुझावों या राय के लिए आभारी हैं. इनसे हमें अहम जानकारी को बेहतर बनाने में मदद मिली. इससे बदलाव को आसानी से लागू किया जा सका.
Lighthouse 13 से, नीचे दिए गए ऑडिट को बदल दिया गया है. बदले गए ऑडिट, इस वर्शन से उपलब्ध नहीं हैं:
खास जानकारी के ऑडिट का नया आईडी | ऑडिट आईडी बदलना |
---|---|
cls-culprits-insight |
layout-shifts
|
document-latency-insight |
redirects server-response-time uses-text-compression |
dom-size-insight |
dom-size |
duplicated-javascript-insight |
duplicated-javascript |
font-display-insight |
font-display |
image-delivery-insight |
modern-image-formats uses-optimized-images efficient-animated-content uses-responsive-images
|
interaction-to-next-paint-insight |
work-during-interaction |
lcp-discovery-insight |
prioritize-lcp-image lcp-lazy-loaded
|
lcp-phases-insight |
largest-contentful-paint-element |
legacy-javascript-insight |
legacy-javascript |
modern-http-insight |
uses-http2 |
network-dependency-tree-insight |
critical-request-chains uses-rel-preconnect
|
render-blocking-insight |
render-blocking-resources |
third-parties-insight |
third-party-summary |
use-cache-insight |
uses-long-cache-ttl |
viewport-insight |
viewport |
हटाए गए ऑडिट
ऊपर बताए गए बदलावों के अलावा, यहां दी गई ऑडिट को भी हटा दिया गया है. इनकी जगह कोई दूसरी ऑडिट नहीं जोड़ी गई है, क्योंकि अब ये ऑडिट काम की नहीं रह गई हैं:
हटाए गए ऑडिट | हटाने का अनुरोध करने की वजह |
---|---|
first-meaningful-paint |
यह पुरानी मेट्रिक है. अब इसका इस्तेमाल करने का सुझाव नहीं दिया जाता. इसे एलसीपी से बदल दिया गया है. |
font-size |
छोटे फ़ॉन्ट की वजह से टेक्स्ट को पढ़ने में मुश्किल होती है. हालांकि, ऐसे कोई संकेत नहीं मिले हैं कि यह अब भी एसईओ से जुड़ी समस्या है. इसके अलावा, इस ऑडिट को चलाने और बनाए रखने में बहुत ज़्यादा खर्च आता था. |
no-document-write |
आजकल, पहले पक्ष की स्क्रिप्ट में यह समस्या कभी-कभार ही होती है. साथ ही, इस सुविधा का इस्तेमाल करने वाली तीसरे पक्ष की स्क्रिप्ट के लिए, यह समस्या ठीक नहीं की जा सकती. |
offscreen-images |
ब्राउज़र, स्क्रीन पर न दिखने वाली इमेज को पहले से ही कम प्राथमिकता देता है. इसलिए, लेज़ी लोडिंग से बैंडविथ को कम करने में मदद मिलती है. हालांकि, इससे Lighthouse के मेज़रमेंट पर कोई असर नहीं पड़ता. |
preload-fonts |
ज़्यादा सुझाव देने के जोखिमों की वजह से, इसे चालू नहीं किया गया है. |
third-party-facades |
इस ऑडिट में कुछ ही फ़साड शामिल हैं. साथ ही, कुछ डेवलपर ने तीसरे पक्ष के ऐसे फ़साड इस्तेमाल करने पर चिंता जताई है जो Google से जुड़े नहीं हैं. हमारा सुझाव है कि तीसरे पक्ष की कंपनियां, अपनी सेवाओं को बेहतर बनाएं, न कि उन्हें बाईपास करने के तरीके खोजें. |
uses-passive-event-listeners |
आजकल, पहले पक्ष की स्क्रिप्ट में यह समस्या कभी-कभार ही होती है. साथ ही, इस सुविधा का इस्तेमाल करने वाली तीसरे पक्ष की स्क्रिप्ट के लिए, यह समस्या ठीक नहीं की जा सकती. |
uses-rel-preload |
ज़्यादा सुझाव देने के जोखिमों की वजह से, इसे चालू नहीं किया गया है. |
अहम जानकारी से जुड़ी नई ऑडिट के लिए दस्तावेज़
हमने नए ऑडिट के बारे में जानकारी दी है और उन्हें Lighthouse की नई रिपोर्ट से लिंक किया है. पुराने दस्तावेज़ को आने वाले समय में भी उपलब्ध रखा जाएगा, ताकि Lighthouse के पुराने वर्शन अब भी उनसे लिंक हो सकें.
अन्य बदलाव
Lighthouse 13 के लिए, Node 22.19 या इसके बाद का वर्शन ज़रूरी है.
Lighthouse चलाना
Lighthouse, Chrome DevTools, npm (नोड मॉड्यूल और सीएलआई टूल के तौर पर) में उपलब्ध है. साथ ही, यह ब्राउज़र एक्सटेंशन के तौर पर भी उपलब्ध है. जैसे, Chrome और Firefox. यह PageSpeed Insights जैसी Google की कई सेवाओं को भी बेहतर बनाता है.
Lighthouse Node CLI को आज़माने के लिए, इन कमांड का इस्तेमाल करें:
npm install -g lighthouse
lighthouse https://www.example.com --view
Lighthouse की टीम से संपर्क करना
नई सुविधाओं, Lighthouse 13 की रिलीज़ में हुए बदलावों या Lighthouse से जुड़ी किसी अन्य चीज़ के बारे में जानने के लिए:
- Lighthouse GitHub के समस्या को ट्रैक करने वाले टूल में, किसी समस्या की शिकायत करें या सुझाव सबमिट करें.
- Lighthouse GitHub के चर्चा फ़ोरम में सवाल पूछें.