# मुख्य वेब जीवन संकेत — वेब प्रदर्शन अनुकूलन

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

> Google के आवश्यक प्रदर्शन मेट्रिक्स: LCP, FID, और CLS जो उपयोगकर्ता अनुभव गुणवत्ता को परिभाषित करते हैं।

## सबसे बड़ी सामग्री पेंट (LCP)

**LCP** measures when the largest visible content element loads. Target: < 2.5 seconds. Good LCP indicates that the main content appears quickly, improving perceived performance.

## पहली इनपुट देरी (FID)

**FID** measures delay between user interaction and browser response. Target: < 100ms. Low FID ensures the page feels responsive and interactive.

## संचयी लेआउट शिफ्ट (CLS)

**CLS** measures unexpected layout changes. Target: < 0.1. Prevent elements from suddenly moving, which frustrates users and breaks interactions.

## मुख्य वेब जीवन संकेतों की निगरानी

Use web-vitals library: `import {getCLS, getFID, getLCP} from 'web-vitals'`. Google CrUX (Chrome User Experience Report) provides real-user data. Track these metrics in your analytics.

त्वरित जाँच

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

- [ ] अप्रत्याशित लेआउट परिवर्तन
- [ ] पृष्ठ लोड समय
- [ ] इनपुट प्रतिक्रिया समय