ब्राउज़र कुछ वेब पेज का कॉन्टेंट पहले और कुछ बाद में दिखाता है. Fetch Priority API की मदद से, ब्राउज़र को ज़रूरी संसाधन फ़ेच करने की शुरुआती प्राथमिकता के बारे में बताया जा सकता है, ताकि संसाधन लोड होने की प्रोसेस को ऑप्टिमाइज़ किया जा सके.
यह तरीका जानने के लिए वीडियो देखें:
- परफ़ॉर्मेंस पैनल में, लोड होने वाली मेट्रिक, सबसे बड़े कॉन्टेंटफ़ुल पेंट (एलसीपी) को ढूंढें.
- नेटवर्क पैनल में शुरुआती और आखिरी प्राथमिकताएं देखें. साथ ही, परफ़ॉर्मेंस ट्रेस का नेटवर्क ट्रैक देखें.
<img>
,<link>
, और<script>
एलिमेंट मेंfetchpriority
एट्रिब्यूट की जांच करने के लिए, लोकल ओवरराइड का इस्तेमाल करें.loading
औरfetchpriority
एट्रिब्यूट के बीच का अंतर जानें.- जानें कि संसाधनों की प्राथमिकता कब कम करनी है.
एलसीपी इमेज को fetchpriority="high"
से फ़ायदा हो सकता है. दूसरा संकेत यह है कि ब्राउज़र अपने-आप किसी इमेज की प्राथमिकता को बढ़ा देता है. इसलिए, इसे शुरुआत में सेट करना सही रहता है.
ज़्यादा जानकारी के लिए, ये देखें: