परफ़ॉर्मेंस के बारे में अहम जानकारी
परफ़ॉर्मेंस के बारे में अहम जानकारी देने वाली सुविधा से, आपको अपनी वेबसाइट की परफ़ॉर्मेंस के बारे में अहम जानकारी मिलती है. यह सुविधा, DevTools के परफ़ॉर्मेंस पैनल और Lighthouse, दोनों में उपलब्ध है.
सीएसएस सिलेक्टर की लागत
यह ऐसे कॉम्प्लेक्स सीएसएस सिलेक्टर की पहचान करता है जिन्हें ब्राउज़र को पेज पर मौजूद एलिमेंट से मैच करने में ज़्यादा समय लगता है.
दस्तावेज़ को डाउनलोड करने में लगने वाला समय
इस कुकी से यह पता चलता है कि एचटीएमएल दस्तावेज़ के अनुरोध में उम्मीद से ज़्यादा समय क्यों लगता है.
डुप्लीकेट JavaScript
यह एक ही पेज पर, एक जैसे JavaScript मॉड्यूल या कोड को कई बार लोड किए जाने की जानकारी देता है.
फ़ॉन्ट डिसप्ले
यह कुकी, `font-display` सीएसएस प्रॉपर्टी का आकलन करती है. इससे यह पक्का किया जाता है कि कस्टम फ़ॉन्ट लोड होने के दौरान टेक्स्ट दिखता रहे.
बाध्य किया गया रीफ़्लो
इस कुकी से यह पता चलता है कि JavaScript, ब्राउज़र को पेज के लेआउट की फिर से गिनती करने के लिए कब मजबूर करती है. इससे परफ़ॉर्मेंस से जुड़ी समस्याएं हो सकती हैं.
इमेज की डिलीवरी बेहतर बनाएं
यह इमेज लोड होने की प्रोसेस को ऑप्टिमाइज़ करने के तरीके सुझाता है. जैसे, AVIF या WebP जैसे मॉडर्न फ़ॉर्मैट का इस्तेमाल करना और सही साइज़ तय करना.
आईएनपी ब्रेकडाउन
इसमें आईएनपी के उप-भाग दिखाए जाते हैं, ताकि आईएनपी को बेहतर बनाने के लिए ऑप्टिमाइज़ेशन के अवसरों की पहचान की जा सके.
लेआउट शिफ़्ट की वजहें
यह पेज पर अनचाहे मूवमेंट के लिए ज़िम्मेदार खास DOM एलिमेंट के बारे में बताता है. इससे कुल लेआउट शिफ़्ट में मदद मिलती है.
एलसीपी से जुड़ी ब्रेकडाउन
एलसीपी को बेहतर बनाने के लिए, एलसीपी के सब-पार्ट दिखाता है, ताकि ऑप्टिमाइज़ेशन के अवसरों की पहचान की जा सके.
एलसीपी के लिए अनुरोध का पता लगाना
इस कुकी से यह पता चलता है कि एलसीपी इमेज के अनुरोध को पूरा होने में उम्मीद से ज़्यादा समय क्यों लग रहा है.
लेगसी JavaScript
यह आउटडेटेड JavaScript कोड को फ़्लैग करता है. यह कोड, ज़्यादातर नए ब्राउज़र के लिए धीमा और गैर-ज़रूरी हो सकता है.
मॉडर्न एचटीटीपी
यह कुकी, एचटीटीपी/2 या एचटीटीपी/3 जैसे नए नेटवर्क प्रोटोकॉल की जांच करती है, ताकि अनुरोध और जवाब की मल्टीप्लेक्सिंग और स्पीड को बेहतर बनाया जा सके.
नेटवर्क डिपेंडेंसी ट्री
यह उन मुख्य डिपेंडेंसी चेन की पहचान करता है जो पेज की शुरुआती रेंडरिंग को ब्लॉक कर रही हैं.
डीओएम साइज़ को ऑप्टिमाइज़ करें
इस समस्या का पता तब चलता है, जब किसी पेज पर बहुत सारे एचटीएमएल एलिमेंट मौजूद हों. इससे रेंडरिंग की परफ़ॉर्मेंस पर असर पड़ सकता है.
मोबाइल के लिए व्यूपोर्ट को ऑप्टिमाइज़ करें
यह कुकी, यह जांच करती है कि पेज का व्यूपोर्ट सही तरीके से कॉन्फ़िगर किया गया है या नहीं. इससे यह पक्का किया जाता है कि मोबाइल डिवाइसों पर टैप करने में 300 मिलीसेकंड की देरी न हो.
रेंडर होने से रोकने वाले अनुरोध
इस कुकी से उन संसाधनों की पहचान की जाती है जो पेज की शुरुआती रेंडरिंग को ब्लॉक करते हैं. इससे एलसीपी में देरी होती है.
तीसरे पक्ष
इस कुकी में, तीसरे पक्ष के उन संसाधनों की सूची होती है जिन्हें पेज पर लोड किया जाता है.
कैश मेमोरी में कॉन्टेंट को लंबे समय तक सेव रखने वाले संसाधनों का इस्तेमाल करें
यह कुकी, कैश मेमोरी को मैनेज करने से जुड़ी ऐसी नीतियों की पहचान करती है जो ऑप्टिमाइज़ नहीं की गई हैं. इससे पेज पर बार-बार आने वाले लोगों के डिवाइसों पर, गैर-ज़रूरी फ़ाइलें डाउनलोड हो सकती हैं.