Page Load Time Badge

WHAT IT DOES Page Load Time Badge displays the total load time of any webpage as a clean badge in the corner of your screen, giving you instant feedback on page performance. The extension uses the Navigation Timing API to measure detailed load metrics including DNS lookup time, TCP connection time, request/response time, DOM parsing duration, DOM Content Loaded, and full page load time. The badge shows the total load time in milliseconds, seconds, or both, with color coding: green for fast loads (under 500ms), orange for moderate loads (500-1500ms), and red for slow loads (over 1500ms). Click the badge to open a detailed breakdown of all metrics. The extension stores historical load times per domain and displays the average load time alongside the current load, helping you track performance trends over time. WHERE IT RUNS The extension works on every website with the Navigation Timing API available, which includes all modern browsers. It runs locally in your browser, collecting performance data directly from the browser's performance API without sending any data to external servers. The extension supports all major browsers and adapts to both desktop and mobile viewports seamlessly. HOW TO USE After installation, a small badge appears in the corner of the page (bottom-right by default) showing the page load time. The badge displays the total load time in the format you choose. Click the badge to open a detailed breakdown showing DNS lookup, TCP connection, request/response, DOM parsing, DOM Content Loaded, DOM Interactive, and Load Event times. The breakdown also shows the average load time for this domain based on historical data. To customize the experience, open the extension panel and choose your display format (Milliseconds, Seconds, or Auto). Adjust the badge position (Top-left, Top-right, Bottom-left, Bottom-right). Toggle "Show breakdown on click" to enable or disable the detailed view. Toggle "Store load time history" to record load times per domain and calculate averages. Use the "Refresh Load Time" button to re-measure the current page load time, or "Clear History for This Site" to reset historical data. THE ACTUAL MECHANISM — NAVIGATION TIMING API WITH HISTORICAL DATA AGGREGATION The extension uses the browser's Navigation Timing API (`window.performance.timing`) to capture precise load metrics. When the page loads, the extension waits for the `load` event then reads the timing object, which contains timestamps for each phase of the page load process. The extension calculates DNS lookup time (`domainLookupEnd - domainLookupStart`), TCP connection time (`connectEnd - connectStart`), request/response time (`responseEnd - requestStart`), DOM parsing time (`domInteractive - responseEnd`), DOM Content Loaded time (`domContentLoadedEventEnd - domContentLoadedEventStart`), DOM Interactive duration (`domComplete - domInteractive`), and total load time (`loadEventEnd - navigationStart`). Each metric is stored in milliseconds. For historical tracking, the extension saves each load time per domain using `GM_setValue` with a per-domain storage key, maintaining up to 50 entries per domain. The average load time is calculated by summing all stored values and dividing by the count. The badge's color is determined by the total load time using thresholds: green (< 500ms), orange (500-1500ms), red (> 1500ms). The breakdown is rendered as a styled popup that appears when the badge is clicked, showing each metric with its value in the user's selected format. THE PANEL The settings panel is a lightweight, draggable overlay that appears in the center of your screen. You can reposition it by clicking and dragging the title bar; release it near the screen edge and it will snap into place automatically. To collapse the panel into a compact title bar, click the minimize button, expanding it again with the same control. The panel is fully responsive, adapting to different screen resolutions with a minimum width of 300px and a maximum of 480px. Press the Escape key at any time to dismiss the panel without applying changes. All controls—the enable/disable toggle, refresh button, show/hide breakdown buttons, format selector, position selector, breakdown toggle, history toggle, clear history button, and per-site controls—are accessible within a clean, high-contrast interface that respects your system's color scheme. PLEASE NOTE This extension requires the free BotGentz companion extension to be installed and active, which provides the underlying DOM access and storage engine. The Navigation Timing API provides data from the browser's perspective and may not include server-side processing time or network latency beyond the browser's measurement. Historical data is stored per domain using the browser's storage API and is limited to 50 entries to prevent excessive storage usage. No personal data, browsing history, or page content is ever collected, stored, or transmitted. All settings and historical data are saved using the browser's storage API and remain solely on your device. The extension does not inject ads, trackers, or analytics of any kind.