# संसाधन संकेत और पूर्वलोडिंग — वेब प्रदर्शन अनुकूलन

Source: https://www.geekswithgeeks.com/hi/web-performance/web-perf-19

> संसाधन लोडिंग अनुकूलित करने के लिए संसाधन संकेतों का उपयोग करें।

## 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.

त्वरित जाँच

**Quiz:** preconnect क्या करता है?

- [ ] तीसरे पक्ष के सर्वर के लिए प्रारंभिक कनेक्शन खोलता है
- [ ] संसाधन को तुरंत लोड करता है
- [ ] कनेक्शन को अक्षम करता है