Resonance

Monitors website resource usage, network requests in a simple, organized dashboard. Resonance is a lightweight extension that helps you easily monitor and debug network activity for any webpage. Open the popup to see a breakdown of all network requests—such as scripts, images, stylesheets, and more — along with their status codes, load times, and whether or not they’re served from cache. Detailed Resource Dashboard Instantly see all network requests grouped by category (Script, Image, StyleSheet, etc.). Filtering & Search Narrow down requests by success or error codes, or quickly locate resources by name/URL. Graph Visualization A timeline-like bar chart highlights all requests in chronological order, color-coded by status. Accordion-Style Groups Collapse or expand entire resource categories to keep your view clutter-free. How It Works 1. Install the Extension: Add Resonance to Chrome. 2. Open the Popup: Click the Resonance icon to open a dashboard showing requests made by the current page. 3. Real-Time Updates: See new requests appear automatically, along with their load times and status codes. 4. Filter & Search: Quickly zero in on errors, or type a keyword to find particular files. Privacy & Data Resonance does not send your browsing data to any external servers. All collected information (network requests, statuses, etc.) is stored locally in chrome.storage.