BuffHub

About

BuffHub turns your browser into a lightweight network inspector — no DevTools required. Capture every resource request on any webpage and instantly see what's fast, what's slow, and what's bloated.

Key Features:

⚡ Full Resource Capture
Click "Capture" to snapshot all resources loaded by the current page: JavaScript, CSS, images, fonts, XHR/Fetch calls, media files, and third-party trackers. Powered entirely by the browser's native PerformanceTiming API — no special permissions needed.

📊 Navigation Timing Dashboard
See the full document lifecycle at a glance: DNS lookup, TCP handshake, Time To First Byte, DOM parsing, DOMContentLoaded, and full page load time — all in one strip.

🏷 Smart Type Filtering
Filter resources by type (JS, CSS, Image, Font, XHR/Fetch, Media) or by condition (Slow, Large, Tracking). Spot third-party trackers and analytics scripts automatically flagged in red.

🔍 Per-Resource Detail Panel
Click any resource row to open a detail panel showing transfer size vs decoded size, TTFB, protocol (h2/h3), cache status, initiator type, and a visual timing bar. Copy the URL or generate a ready-to-run cURL command instantly.

↓ Export as JSON
Export the full resource list — including nav timing and per-request metadata — as structured JSON. Compatible with HAR-style analysis tools.

💾 Save Snapshots
Save a full page snapshot for offline comparison. Load saved snapshots back into the analyzer with one click. Right-click any page to save a snapshot without opening the popup.

🔒 Fully Private
Uses only the browser's PerformanceResourceTiming API. No traffic is intercepted or modified. No data leaves your device.