Google Lighthouse एक मुफ़्त टूल है जो किसी वेब पेज की परफ़ॉर्मेंस, एक्सेसिबिलिटी, best practices और SEO की जाँच करके 0 से 100 तक स्कोर देता है। Chrome में Lighthouse मोबाइल ऑडिट चलाने के लिए DevTools खोलें, Lighthouse पैनल चुनें, Device को Mobile पर रखें, ज़रूरी कैटेगरी चुनें (Performance, Accessibility, Best practices, SEO) और Analyze page load पर क्लिक करें। Lighthouse पेज को एमुलेट किए गए मध्यम दर्जे के फ़ोन पर, धीमे कनेक्शन के साथ रीलोड करता है और स्कोर व ठीक करने लायक़ समस्याओं की लिस्ट वाली रिपोर्ट बनाता है। इसे Incognito विंडो में चलाएँ, क्योंकि दूसरे एक्सटेंशन नतीजे बिगाड़ सकते हैं।
Google ने अपने बंद हो चुके Mobile-Friendly Test की जगह भी Lighthouse ही सुझाया था; देखें Mobile Friendly Test के विकल्प।
Chrome DevTools में स्टेप-बाय-स्टेप
- पेज को Incognito विंडो (
Ctrl + Shift + NयाCmd + Shift + N) में खोलें। वहाँ एक्सटेंशन डिफ़ॉल्ट रूप से नहीं चलते। - DevTools खोलें (
F12याCmd + Option + I) और Lighthouse चुनें। अगर यह नहीं दिखता, तो>>तीर के पीछे देखें। - Mode चुनें:
- Navigation (डिफ़ॉल्ट): पेज के नए सिरे से लोड होने का ऑडिट करता है। ज़्यादातर यही इस्तेमाल करें।
- Timespan: आपके इंटरैक्शन के दौरान रिकॉर्ड करता है, मेन्यू या फ़ॉर्म मापने के लिए काम का।
- Snapshot: पेज की मौजूदा हालत का ऑडिट करता है, जैसे जब कोई modal खुला हो।
- Device को Mobile पर रखें।
- ज़रूरी Categories चुनें।
- Analyze page load पर क्लिक करें और लगभग 30–60 सेकंड इंतज़ार करें।
Lighthouse हर उस पेज पर काम करता है जिसे Chrome खोल सकता है, localhost और लॉगिन के पीछे वाले पेजों समेत, जहाँ ऑनलाइन टूल नहीं पहुँच सकते।
Lighthouse का Chrome एक्सटेंशन
Lighthouse Chrome Web Store पर एक्सटेंशन के रूप में भी मिलता है: इसे इंस्टॉल करें, पेज खोलें, Lighthouse आइकन पर क्लिक करें और Generate report चुनें। Google का अपना डॉक्यूमेंटेशन DevTools पैनल की सलाह देता है, जब तक एक्सटेंशन की कोई ख़ास वजह न हो, क्योंकि DevTools लोकल साइटों और लॉगिन के पीछे वाले पेजों का ऑडिट कर सकता है, एक्सटेंशन नहीं। असल में एक्सटेंशन तब काम आता है जब आपको DevTools खोले बिना किसी पब्लिक पेज का एक-क्लिक ऑडिट चाहिए; बाक़ी हर काम के लिए ऊपर वाले स्टेप इस्तेमाल करें।
कमांड लाइन से Lighthouse चलाना
बार-बार चलाने या CI के लिए Node CLI इस्तेमाल करें:
npx lighthouse https://example.com --view
CLI डिफ़ॉल्ट रूप से मोबाइल के तौर पर ऑडिट करता है। डेस्कटॉप के लिए --preset=desktop, कैटेगरी सीमित करने के लिए --only-categories=performance,seo, और स्क्रिप्ट में नतीजे प्रोसेस करने के लिए --output=json जोड़ें। PageSpeed Insights पब्लिक URL के लिए यही इंजन Google के सर्वर पर चलाता है।
रिपोर्ट कैसे पढ़ें
हर कैटेगरी को स्कोर मिलता है: 90–100 अच्छा (हरा), 50–89 सुधार चाहिए (नारंगी), 0–49 ख़राब (लाल)।
Performance lab metrics पर आधारित है: First Contentful Paint, Largest Contentful Paint, Total Blocking Time, Cumulative Layout Shift और Speed Index। स्कोर के नीचे Insights और Diagnostics ठोस सुधार बताते हैं, जैसे बहुत बड़ी इमेज, देर से मिलने वाली LCP इमेज या render रोकने वाले resources। Lighthouse 13 (अक्टूबर 2025) से पुराने परफ़ॉर्मेंस ऑडिट इन्हीं insights में समूहित हैं, वही जो DevTools के Performance पैनल में दिखते हैं।
Accessibility ऑटोमैटिक जाँचें चलाता है: रंगों का कॉन्ट्रास्ट, गायब लेबल और alt टेक्स्ट, हेडिंग का क्रम, viewport की ज़ूम सेटिंग और touch target का साइज़, और भी कई।
Best practices में HTTPS, console में ब्राउज़र errors, पुराने (deprecated) APIs और इमेज का aspect ratio आते हैं।
SEO बुनियादी बातें जाँचता है: title और meta description, सफल स्टेटस कोड के साथ इंडेक्स होने लायक़ पेज, साफ़ टेक्स्ट वाले crawl होने लायक़ लिंक, इमेज का alt टेक्स्ट, सही robots.txt, hreflang और canonical टैग। Lighthouse 13 ने फ़ॉन्ट साइज़ पढ़ने लायक़ होने वाला पुराना ऑडिट हटा दिया और viewport की जाँच परफ़ॉर्मेंस insights में भेज दी। इन्हें पास करने का मतलब यह नहीं कि पेज रैंक करेगा; बस इतना कि कोई बुनियादी रुकावट नहीं है।
मोबाइल स्कोर कम क्यों होते हैं और हर बार बदलते क्यों हैं
मोबाइल मोड धीमे फ़ोन और नेटवर्क की नक़ल करता है, इसलिए जो पेज डेस्कटॉप पर 95 लाता है, वह मोबाइल पर 60 ला सकता है। यही फ़र्क़ असल मक़सद है: यह बहुत से असली विज़िटर के अनुभव के क़रीब है।
स्कोर हर बार चलाने पर बदलते भी हैं, कभी-कभी 5–10 अंक तक, नेटवर्क की हालत, सर्वर के जवाब देने के समय और आपके कंप्यूटर पर चल रहे दूसरे कामों की वजह से। भरोसेमंद आँकड़े के लिए:
- ऑडिट तीन से पाँच बार चलाएँ और median लें
- दूसरे भारी टैब और ऐप बंद करें
- एक जैसी चीज़ों की तुलना करें (वही डिवाइस सेटिंग, वही पेज, वही मशीन)
स्पीड के मामले में Lighthouse एक lab टेस्ट है। आपके विज़िटर का असली अनुभव PageSpeed Insights या Search Console का real-user field data दिखाता है। दोनों का फ़र्क़ मोबाइल पेज स्पीड टेस्ट गाइड में समझाया गया है।
पहले क्या ठीक करें
- Accessibility और SEO में जो कुछ भी लाल है। ये आम तौर पर जल्दी ठीक होते हैं: लेबल, alt टेक्स्ट, कॉन्ट्रास्ट, गायब meta description, रोका गया crawler।
- LCP का सबसे बड़ा मौक़ा। अक्सर hero इमेज जो बहुत बड़ी है, lazy-load हो रही है या देर से मिलती है।
- लंबे JavaScript टास्क। थर्ड-पार्टी स्क्रिप्ट अक्सर इसकी वजह होती हैं; देखें कि किसे बाद में लोड कर सकते हैं या हटा सकते हैं।
- Layout shifts। इमेज, embed और विज्ञापन की जगहों में साइज़ जोड़ें।
Lighthouse समस्याओं की लिस्ट देता है, लेकिन यह नहीं दिखाता कि पेज फ़ोन पर कैसा दिखता है। इसके साथ मोबाइल व्यू में आँखों से जाँच करें: DevTools का device mode, या ऐसा मोबाइल व्यू एक्सटेंशन जो पेज को असली फ़ोन साइज़ पर मोबाइल user agent के साथ रीलोड करे। फिर उन चीज़ों के लिए जिन्हें ऑटोमैटिक ऑडिट नहीं परख सकते, जैसे नेविगेशन और फ़ॉर्म, मोबाइल वेबसाइट टेस्टिंग चेकलिस्ट से गुज़रें।
अक्सर पूछे जाने वाले सवाल
Chrome में मोबाइल के लिए Lighthouse कैसे चलाएँ?
DevTools खोलें, Lighthouse पैनल में जाएँ, Device को Mobile पर रखें, कैटेगरी चुनें और Analyze page load पर क्लिक करें। साफ़ नतीजों के लिए Incognito विंडो इस्तेमाल करें।
Lighthouse में अच्छा मोबाइल स्कोर कितना है?
90 या उससे ज़्यादा को अच्छा माना जाता है। परफ़ॉर्मेंस के लिए असली यूज़र्स के डेटा में Core Web Vitals पास करने पर ध्यान दें; lab स्कोर समस्याएँ ढूँढने का एक इशारा है।
क्या Lighthouse और PageSpeed Insights एक ही हैं?
PageSpeed Insights Google के सर्वर पर Lighthouse चलाता है और उपलब्ध हो तो Chrome User Experience Report से असली यूज़र्स का डेटा जोड़ता है। DevTools वाला Lighthouse आपके कंप्यूटर पर चलता है और लोकल व प्राइवेट पेज भी टेस्ट कर सकता है।