web-observability

Instrument API requests with spans and distributed tracing. Use when tracking request latency or debugging API issues.

Monitor JavaScript bundle size and execution performance. Use when tracking bundle size, identifying large chunks, or optimizing load performance.

Measure and optimize Core Web Vitals (LCP, INP, CLS). Use when implementing CWV tracking or debugging performance.

Set up error tracking with actionable context. Use when configuring error capture or error boundaries.

Measure SSR hydration timing and issues. Use when tracking hydration performance, debugging hydration mismatches, or optimizing SSR/SSG applications.

Plan what to measure in web applications. Use when starting observability or prioritizing instrumentation.

Measure time from navigation to page fully loaded and interactive. Use when tracking SPA navigation, route changes, or slow page transitions.

Set up session replay for visual debugging. Use when implementing DOM recording with privacy controls.

Configure source maps for readable stack traces. Use when setting up error tracking, debugging production issues, or configuring build tools.

Set up synthetic monitoring with Lighthouse CI and Playwright. Use when implementing automated performance testing, CI/CD performance gates, or proactive monitoring.

Track user journeys with intent context and friction signals. Use when instrumenting funnels or multi-step flows.