How do you approach performance monitoring in React apps?

[hiroshi960617]

Lighthouse? Web Vitals? Sentry?
Would love to hear how folks are diagnosing and fixing real-world slowdowns (especially with hydration or image-heavy pages).

[alexande860]

Here’s my go-to setup for React performance:
✅ Lighthouse + Web Vitals for baseline audits (CLS, LCP, FCP)
📊 Sentry (Performance Monitoring) to track real user slowdowns, API lag, hydration issues
📈 React Profiler (in DevTools) for spotting unnecessary re-renders
🖼️ Image-heavy pages: I use next/image, lazy loading, and compress with tools like TinyPNG or Cloudinary
🧠 I also track hydration timing in Next.js apps using reportWebVitals() with custom logging