Tab Performance Monitor & Reporter

Tab Performance Monitor & Reporter helps web developers inspect webpage performance directly in Chrome. Monitor available performance metrics, investigate rendering issues, analyze resource usage, and generate detailed reports to understand how a webpage behaves. ## Why use this extension? Slow loading, delayed interactions, unexpected layout shifts, long JavaScript tasks, and excessive resource usage can affect the experience of a web application. This extension brings useful performance measurements and diagnostics together in one place to help developers investigate potential bottlenecks. ## Key Features **Real-Time Performance Monitoring** - Monitor available FPS (frames per second) and JavaScript memory measurements. - Inspect supported page performance metrics. - Access monitoring information through the extension popup and floating overlay. **Web Performance Metrics** - Largest Contentful Paint (LCP) - Cumulative Layout Shift (CLS) - Interaction to Next Paint (INP), where supported - First Contentful Paint (FCP) - Time to First Byte (TTFB) - Other available browser timing and diagnostic metrics **Resource and Rendering Diagnostics** - Review available resource information by type, including scripts, stylesheets and images. - Investigate resource-heavy assets and potential bottlenecks. - Inspect long JavaScript tasks that may block the main thread. - Review available performance insights and slow-resource information. **Detailed Performance Reports** - Open a detailed report for further investigation. - Review available metrics and diagnostic information. - Export reports in HTML and JSON formats. **Flexible Monitoring** - Choose the available All Sites or Custom Sites monitoring scope. - Use the floating monitoring overlay for convenient access to supported metrics. - Choose between light and dark themes. ## Who is it for? - Frontend developers working with Angular, React and other web technologies. - Web developers investigating slow pages and rendering issues. - QA engineers checking web application performance. - Students learning browser performance and Core Web Vitals. ## How to use it 1. Open the webpage you want to inspect. 2. Open the extension from the Chrome toolbar. 3. Enable monitoring and choose the desired monitoring scope. 4. Review the available metrics in the popup or floating overlay. 5. Open the detailed report. 6. Investigate diagnostics and export the report when needed. ## Measurement limitations Available metrics depend on browser support, page behavior and the testing environment. Some measurements, including memory usage and interaction-related metrics, may be unavailable or approximate. Results are intended to support debugging and investigation; they do not guarantee that every performance issue will be detected. The extension focuses on making useful webpage performance information easier to access while you browse and develop.