अनुरोधों की संख्या कम और ट्रांसफ़र का आकार छोटा रखें

Lighthouse रिपोर्ट करता है कि आपका पेज लोड होने के दौरान कितने नेटवर्क अनुरोध किए गए और कितना डेटा ट्रांसफ़र हुआ:

• कुल लाइन में, अनुरोध और ट्रांसफ़र साइज़ की वैल्यू का हिसाब लगाने के लिए, Image, स्क्रिप्ट, फ़ॉन्ट, स्टाइलशीट, अन्य, दस्तावेज़, और मीडिया पंक्तियों के लिए वैल्यू जोड़ी जाती हैं.
• तीसरे पक्ष के कॉलम में, कुल लाइन की वैल्यू शामिल नहीं होती हैं. इस सुविधा का मकसद, आपको यह बताना है कि कुल कितने अनुरोध आए और कुल कितने पैसे, तीसरे पक्ष के डोमेन से मिले. तीसरे पक्ष से किए गए अनुरोध, किसी भी तरह के दूसरे संसाधनों का मिला-जुला रूप हो सकते हैं.

संसाधनों की संख्या और ट्रांसफ़र साइज़ को कम करने का तरीका

लोड की परफ़ॉर्मेंस पर, रिसॉर्स की ज़्यादा संख्या या ट्रांसफ़र के लिए तय साइज़ का बड़ा असर इस बात पर निर्भर करता है कि किस तरह के संसाधन का अनुरोध किया जा रहा है.

सीएसएस और JavaScript

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

वे मेट्रिक जिन पर असर पड़ा है: सभी

इमेज

इमेज के अनुरोध, सीएसएस और JavaScript की तरह रेंडर-ब्लॉक नहीं होते हैं, लेकिन वे लोड की परफ़ॉर्मेंस पर अब भी बुरा असर डाल सकते हैं. आम तौर पर, जब मोबाइल इस्तेमाल करने वाला कोई पेज लोड करता है और देखता है कि इमेज लोड होना शुरू हो गई हैं, लेकिन इसे पूरा होने में कुछ समय लगेगा. इमेज को तेज़ी से लोड करने का तरीका जानने के लिए, अपनी इमेज ऑप्टिमाइज़ करना देखें.

इन मेट्रिक पर असर पड़ा है: फ़र्स्ट कॉन्टेंटफ़ुल पेंट, फ़र्स्ट मीनिंगफ़ुल पेंट, स्पीड इंडेक्स

फ़ॉन्ट

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

वे मेट्रिक जिन पर असर पड़ा: फ़र्स्ट कॉन्टेंटफ़ुल पेंट

दस्तावेज़

अगर आपकी एचटीएमएल फ़ाइल बड़ी है, तो ब्राउज़र को एचटीएमएल को पार्स करने और पार्स किए गए एचटीएमएल से डीओएम ट्री बनाने में ज़्यादा समय लगाना पड़ता है.

वे मेट्रिक जिन पर असर पड़ा: फ़र्स्ट कॉन्टेंटफ़ुल पेंट

मीडिया

ऐनिमेशन वाली GIF फ़ाइलें अक्सर बहुत बड़ी होती हैं. ऐनिमेशन को तेज़ी से लोड करने का तरीका जानने के लिए, GIF को वीडियो से बदलें देखें.

वे मेट्रिक जिन पर असर पड़ा: फ़र्स्ट कॉन्टेंटफ़ुल पेंट

रिग्रेशन रोकने के लिए परफ़ॉर्मेंस बजट का इस्तेमाल करना

अनुरोधों की संख्या और ट्रांसफ़र साइज़ को कम करने के लिए, अपने कोड को ऑप्टिमाइज़ करने के बाद, रिग्रेशन को रोकने का तरीका जानने के लिए, परफ़ॉर्मेंस बजट सेट करें देखें.

संसाधन

अनुरोधों की संख्या कम रखें और साइज़ को छोटा रखें ऑडिट के लिए सोर्स कोड