Page Load Speed Display

WHAT IT DOES

Page Load Speed Display measures and shows your page's actual loading performance in real time. The tool captures DOMContentLoaded timing, full page load completion, and total load duration, displayed in a clean floating overlay. For deeper analysis, the resource breakdown option reveals DNS lookup time, TCP connection time, request duration, response time, and DOM processing time. The tool also tracks resource count, total transfer size, and average resource load time. Every page visit is recorded in the metrics history, allowing you to compare performance across pages and sessions. All measurements use the browser's native Performance API for accuracy.

WHERE IT RUNS

The extension runs entirely within your browser's local environment using the BotGentz framework. All performance measurements, timing calculations, and metric tracking occur on your machine without any network requests. No page content, performance data, or user activity is ever transmitted, uploaded, or stored externally. The tool works on any website and respects the browser's security boundaries, operating within the isolated extension sandbox. Historical metrics are stored locally in your browser's storage.

HOW TO USE

Click the extension toolbar icon to open the Page Load Speed Display panel. The floating overlay appears automatically on page load, showing DOM ready time, load time, and total elapsed time. Use the "Toggle Overlay" button to show or hide the display. Change the overlay position using the dropdown selector (Top Left, Top Right, Bottom Left, Bottom Right). Toggle "Show resource breakdown" to view detailed timing metrics including DNS, TCP, request, response, and DOM processing. Adjust the font size and background opacity to customize the overlay's appearance. Click "Refresh Metrics" to restart measurement on the current page. Use the history panel to view metrics from previous page loads. Click "Copy Metrics" to copy all data to your clipboard.

THE PERFORMANCE API MONITOR — WHY IT WORKS

Most page speed tools use external services that inject their own overhead and miss critical load events. This tool leverages the browser's native Performance API directly, reading timing data from PerformanceNavigationTiming and PerformanceResourceTiming entries that are recorded by the browser's rendering engine itself. The tool captures DOMContentLoaded and load events using event listeners attached directly to the document, then cross-references these with the Navigation Timing API to ensure sub-millisecond accuracy. For resource breakdown, the tool aggregates all PerformanceResourceTiming entries, grouping them by initiator type (script, stylesheet, image, fetch, etc.) and calculating total sizes and durations. By using the browser's own high-resolution timestamps with microsecond precision, this approach produces measurements that are completely independent of JavaScript execution overhead, giving you the true performance of the page.

THE PANEL

The Page Load Speed Display panel is fully draggable by its title bar and remembers its position on screen per website. It snaps to the edges of your browser window for clean alignment. Collapse the panel to a compact icon strip using the minimize button, restoring it with a single click. Resize the panel by dragging any edge or corner; the display controls, options, and history area adjust proportionally. Press the Escape key to close the panel instantly, though the floating overlay remains visible if toggled on. The panel maintains independent state for each browser tab, allowing you to monitor performance in multiple tabs simultaneously.

PLEASE NOTE

This extension requires the free BotGentz extension framework to be installed and enabled. Websites continuously evolve their resource loading strategies; while the performance monitoring works across all modern sites, detailed breakdowns may be affected by cross-origin resource timing restrictions. All performance data is computed locally and is never transmitted, logged, or shared. The extension requests no network permissions and functions entirely offline. The source code is fully auditable and available for review.