# महत्वपूर्ण रेंडरिंग पथ — वेब प्रदर्शन अनुकूलन

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

> समझें कि ब्राउज़र HTML, CSS और JavaScript को कैसे डाउनलोड, पार्स और रेंडर करते हैं।

## महत्वपूर्ण पथ अनुक्रम

1) Fetch HTML → 2) Parse HTML & find resources → 3) Download CSS/fonts (render-blocking) → 4) Download JS (parser-blocking) → 5) Build CSSOM + DOM → 6) Calculate layout → 7) Paint. Minimize steps and optimize sequence.

## महत्वपूर्ण पथ को अनुकूलित करना

Inline critical CSS, defer non-critical JS with `<script async>` or `<script defer>`, preload fonts with `<link rel=preload>`, minimize DOM size, avoid layout thrashing. Reduce bytes, eliminate dependencies.

## रेंडर-ब्लॉकिंग संसाधन

CSS and synchronous JavaScript block rendering. Font requests block text rendering. Split CSS per viewport/device to reduce blocking. Use `<link rel=preconnect>` and `<link rel=prefetch>` strategically.

त्वरित जाँच

**Quiz:** महत्वपूर्ण पथ में क्या रेंडरिंग को ब्लॉक करता है?

- [ ] CSS और सिंक्रोनस JavaScript
- [ ] केवल छवियां
- [ ] कुछ नहीं, रेंडरिंग स्वतंत्र रूप से होती है