Performance Monitoring
Core Web Vitals — LCP (Largest Contentful Paint), FID/INP (Interactivity), CLS (Layout Shift) — GOOGLE, dwara, DEFINE, ki, gayi, KEY, USER-EXPERIENCE, METRICS, HAIN, JO, SEARCH, RANKING, ko, bhi, AFFECT, karti, hain.
next/web-vitals, se, In-app, tracking, ki, ja, sakti, hai — Vercel Analytics, ya, Google Analytics, JAISE, TOOLS, se, PRODUCTION, mein, REAL, USER, METRICS, COLLECT, kiye, ja, sakte, HAIN.
// app/layout.js — web vitals reporting:
export function reportWebVitals(metric) {
console.log(metric); // ya, analytics, service, ko, SEND, karo
}- Core Web Vitals = LCP, FID/INP, CLS — key, user-experience, metrics
- Search ranking, ko, bhi, affect, karte, hain
- Vercel Analytics/Google Analytics, se, production, metrics, collect, kiye, ja, sakte, hain
@next/bundle-analyzer, package, se, VISUALLY, dekha, ja, sakta hai, ki, JavaScript, bundle, mein, KAUN, se, PACKAGES, KITNI, SPACE, LE, RAHE, HAIN — LARGE, DEPENDENCIES, IDENTIFY, karne, ke, liye, USEFUL, hai.
ANALYZE=true npm run buildLighthouse, CI, ko, CI/CD, PIPELINE, mein, INTEGRATE, kiya, ja, sakta hai — HAR, PULL, REQUEST, PAR, AUTOMATICALLY, Performance, ACCESSIBILITY, aur, SEO, scores, CHECK, kiye, ja, sakte, HAIN, MERGE, se, PEHLE.