पाठ 19 / 25
संसाधन संकेत और पूर्वलोडिंग
संसाधन लोडिंग अनुकूलित करने के लिए संसाधन संकेतों का उपयोग करें।
Preload, prefetch और preconnect
<link rel=preload as=script href=critical.js> loads resource immediately. <link rel=prefetch href=next-page.js> loads during idle. <link rel=preconnect href=cdn.example.com> opens connection early. Use preload sparingly for truly critical resources.
DNS prefetch अनुकूलन
DNS lookup takes 20-120ms. Use <link rel=dns-prefetch href=//cdn.example.com> for third-party domains. Reduces latency for subsequent connections. Combine with preconnect for full handshake.
संसाधन संकेत रणनीति
Prioritize: preconnect to third-party origins, preload critical resources, prefetch likely next pages. Too many hints can be counterproductive. Measure impact with RUM.
त्वरित जाँच
त्वरित जाँच: preconnect क्या करता है?
- तीसरे पक्ष के सर्वर के लिए प्रारंभिक कनेक्शन खोलता है
- संसाधन को तुरंत लोड करता है
- कनेक्शन को अक्षम करता है