Site Speed Insights: Web Vitals Visualizer

Analyze and visualize your website’s Core Web Vitals (LCP, INP, CLS, FCP, TTFB) in real-time

Site Speed Insights: Web Vitals Visualizer helps developers debug and visualize performance metrics directly inside the page. It measures Core Web Vitals in real time and shows interactive overlays for layout shifts, input delays, and paint timings, making it easier to understand what actually caused performance issues. It also provides optional field performance insights to help you compare live page behavior with real-user Web Vitals data. ✅ Real-time Web Vitals tracking (CLS, LCP, INP, FCP, TTFB) ✅ Overlay visualization for layout shifts, slow inputs, and paint timings ✅ Field performance insights using Chrome UX Report (CrUX) ✅ Works on any website you open ✅ No data collection — all analysis runs locally Ideal for: Front-end engineers, performance auditors, UX developers, and QA testers. Credits: Meter icons created by Freepik - Flaticon (https://www.flaticon.com/free-icons/meter)