प्रोग्रेसिव एन्हैंसमेंट, वेब डेवलपमेंट की एक ऐसी रणनीति है जिससे यह पक्का होता है कि आपकी साइट ज़्यादा से ज़्यादा ऑडियंस तक पहुंच सके. इसका मुख्य सिद्धांत है कि बुनियादी कॉन्टेंट और पेज की मुख्य सुविधाएं, सिर्फ़ सबसे बुनियादी वेब टेक्नोलॉजी पर आधारित होनी चाहिए. इन टेक्नोलॉजी के साथ काम करने वाले ब्राउज़र पर बेहतर अनुभव, जैसे कि सीएसएस का इस्तेमाल करके बेहतर स्टाइलिंग या JavaScript का इस्तेमाल करके इंटरैक्टिविटी की सुविधा को सबसे ऊपर जोड़ा जा सकता है. हालांकि, बुनियादी कॉन्टेंट और पेज की फ़ंक्शन को सीएसएस या JavaScript पर भरोसा नहीं करना चाहिए.
लाइटहाउस फ़ॉलबैक कॉन्टेंट ऑडिट कैसे काम नहीं करता है
Lighthouse, JavaScript उपलब्ध न होने पर उन पेजों को फ़्लैग करता है जिनमें कुछ कॉन्टेंट नहीं होता है:
लाइटहाउस पेज पर JavaScript को बंद कर देता है और फिर पेज के एचटीएमएल की जांच करता है. अगर एचटीएमएल खाली है, तो ऑडिट नहीं हो पाएगा.
कैसे पक्का करें कि आपके पेज पर JavaScript के बिना कॉन्टेंट मौजूद है
प्रोग्रेसिव एन्हैंसमेंट, एक बड़ा और विवादित विषय है. एक कैंप में कहा गया है कि लगातार साइट को बेहतर बनाने की रणनीति का पालन करने के लिए, पेजों की लेयर बनाई जानी चाहिए, ताकि बुनियादी कॉन्टेंट और पेज के फ़ंक्शन के लिए सिर्फ़ एचटीएमएल की ज़रूरत हो. इस तरीके का उदाहरण देखने के लिए, स्मैशिंग मैगज़ीन प्रोग्रेसिव एन्हैंसमेंट: यह क्या है, और इसका इस्तेमाल कैसे करें, देखें.
एक अन्य कैंप का मानना है कि इस तरह का सख्त तरीका कई आधुनिक और बड़े साइज़ के वेब ऐप्लिकेशन के लिए काम करना संभव नहीं है या ऐसा करना ज़रूरी नहीं है. साथ ही, यह सुझाव भी दिया जाता है कि ज़रूरी पेज स्टाइल के लिए, दस्तावेज़ <head> में इनलाइन गंभीर पाथ सीएसएस का इस्तेमाल किया जाए.
इन बातों को ध्यान में रखते हुए, यह लाइटहाउस ऑडिट एक आसान जांच करता है, ताकि यह पक्का किया जा सके कि JavaScript बंद होने पर आपका पेज खाली न रहे. आपका ऐप्लिकेशन लगातार बेहतर बनाने की सुविधाओं का कितनी सख्ती से पालन करता है, यह बहस का विषय है. हालांकि, इस बात पर चर्चा है कि JavaScript बंद होने पर, सभी पेजों पर कम से कम कुछ जानकारी दिखानी चाहिए. भले ही, कॉन्टेंट उपयोगकर्ता को सिर्फ़ यह सूचना देता हो कि पेज इस्तेमाल करने के लिए JavaScript ज़रूरी है.
जिन पेजों के लिए JavaScript का इस्तेमाल करना ज़रूरी है उनके लिए <noscript> एलिमेंट का इस्तेमाल करें. इससे उपयोगकर्ता को यह सूचना मिलेगी कि उस पेज के लिए JavaScript ज़रूरी है. यह
किसी खाली पेज से बेहतर है, क्योंकि खाली पेज उपयोगकर्ता को किसी तरह की समस्या
के बारे में उलझन में डाल देता है.
यह देखने के लिए कि JavaScript बंद होने पर आपकी साइट कैसी दिखती है और कैसा परफ़ॉर्म करती है, Chrome DevTools की JavaScript बंद करें सुविधा का इस्तेमाल करें.