document.write() का इस्तेमाल करता है

document.write() का इस्तेमाल किया जा रहा है पेज का कॉन्टेंट दिखने में दस सेकंड तक की देरी हो सकती है इसकी वजह से, धीमे कनेक्शन वाले उपयोगकर्ताओं को खास तौर पर समस्या होती है. इसलिए, Chrome कई मामलों में document.write() को लागू होने से रोकता है. इसका मतलब है कि इस पर भरोसा नहीं किया जा सकता.

document.write() का इस्तेमाल करने पर, आपको Chrome DevTools कंसोल में यह मैसेज दिखेगा:

[Violation] Avoid using document.write().

Firefox DevTools कंसोल में आपको यह मैसेज दिखेगा:

An unbalanced tree was written using document.write() causing
data from the network to be reparsed.

लाइटहाउस document.write() ऑडिट कैसे फ़ेल होता है

Lighthouse, document.write() को ऐसे कॉल फ़्लैग करता है जिन्हें Chrome ने ब्लॉक नहीं किया है:

लाइटहाउस ऑडिट में, document.write के इस्तेमाल की जानकारी दी गई है

सबसे ज़्यादा समस्या वाले इस्तेमाल के लिए, Chrome document.write() को कॉल करने पर रोक लगाएगा या उनके बारे में कंसोल चेतावनी देगा. यह उपयोगकर्ता के कनेक्शन की स्पीड पर निर्भर करता है. दोनों ही मामलों में, जिन कॉल पर असर पड़ा है वे DevTools कंसोल में दिखते हैं. ज़्यादा जानकारी के लिए, Google का document.write() के ख़िलाफ़ कार्रवाई करना लेख पढ़ें.

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

document.write() से बचें

अपने कोड में document.write() का इस्तेमाल हटाएं. अगर इसका इस्तेमाल तीसरे पक्ष की स्क्रिप्ट इंजेक्ट करने के लिए किया जा रहा है, तो इसके बजाय एसिंक्रोनस लोडिंग का इस्तेमाल करें.

अगर तीसरे पक्ष का कोड document.write() का इस्तेमाल कर रहा है, प्रोवाइडर से एसिंक्रोनस लोडिंग के लिए सहायता मांग सकता है.

संसाधन