# प्रदर्शन मेट्रिक्स की बुनियादें — वेब प्रदर्शन अनुकूलन

Source: https://www.skillbyai.com/hi/web-performance/web-perf-03

> TTFB, FCP, TTI और अन्य मुख्य metrics सीखें जो loading और rendering के अलग-अलग पहलू मापते हैं।

## पहले बाइट का समय (TTFB)

**TTFB** request भेजने से response का पहला byte आने तक का समय है। इसमें network latency और server processing दोनों शामिल हैं। Target: < 600ms। Server response time optimize करें और CDN इस्तेमाल करके इसे कम करें।

## पहली सामग्री पेंट (FCP)

**FCP** वह पल है जब पहला content (text, image या background) दिखता है। Target: < 1.8 seconds। Perceived load performance के लिए ज़रूरी है—users जल्दी कुछ दिखना चाहते हैं।

## इंटरैक्टिव समय (TTI)

**TTI** वह समय है जब page भरोसेमंद तरीके से interactive हो जाता है। भारी JavaScript इसे देर करती है। Lighthouse अब TTI को score नहीं करता, इसलिए lab में Total Blocking Time (TBT) और field में INP इस्तेमाल करें। दोनों में main-thread blocking कम करें।

## मेट्रिक संबंध

सामान्य timeline: TTFB → FCP → LCP, और interactivity को TBT व INP से मापा जाता है। हर metric पिछले पर टिका है, इसलिए ऊँचा TTFB आगे की सब चीज़ों को प्रभावित करता है।

त्वरित जाँच

**Quiz:** TTFB क्या मापता है?

- [ ] कुल स्थानांतरण समय
- [ ] लोडिंग पूरी होने का समय
- [ ] सबसे बड़ी image render होने का समय
- [x] पहली प्रतिक्रिया बाइट का समय

*Answer:* पहली प्रतिक्रिया बाइट का समय. TTFB में network latency और पहले byte के आने तक की server processing शामिल है।