प्रीलोड और प्रीकनेक्ट

ब्राउज़र संकेत (संसाधन संकेत)

किसी वेबसाइट को खोलते समय, ब्राउज़र तय करता है कि पहले क्या लोड करना है। आप, एक इंजीनियर के रूप में, महत्वपूर्ण बातें फुसफुसा कर उससे कह सकते हैं। संसाधन संकेत ब्राउज़र को ये संकेत देने का मानक तरीका है।

प्रीलोड

महत्वपूर्ण फ़ॉन्ट, मुख्य एलसीपी छवि या महत्वपूर्ण जेएस फ़ाइलों के लिए उपयोग किया जाता है। ब्राउज़र फ़ाइल को खोजने के लिए प्रतीक्षा नहीं करता है, वह उसे तुरंत डाउनलोड कर लेता है। उपयोग:

Preconnect (प्रीकनेक्ट)

तीसरे पक्ष की सेवाओं (Google फ़ॉन्ट्स, CDN, एनालिटिक्स) के लिए उपयोग किया जाता है। फ़ाइल का अनुरोध करने से पहले DNS, TCP और TLS हैंडशेक पूरा करता है। यह अकेले 100-300ms बचा सकता है।

DNS-Prefetch

preconnect का हल्का संस्करण है। यह समय से पहले ही DNS रिज़ॉल्यूशन करता है। कम महत्वपूर्ण तृतीय पक्ष सेवाओं के लिए उपयुक्त।

ध्यान दें! बहुत अधिक प्रीलोड का उपयोग करने से वास्तविक पेज को लोड होने से रोका जा सकता है (बैंडविड्थ कंजेशन)। केवल "वास्तव में महत्वपूर्ण" वाले चुनें।