Commit Graph

8 Commits

Author SHA1 Message Date
0e29d75bc3 Phase B.1 - Add Connection View with socket grouping 2025-12-28 03:07:07 +11:00
aefa41f273 Phase A.1 - Add sortable Request Details Table to waterfall 2025-12-28 02:48:12 +11:00
d2a695ac36 Add waterfall sorting controls - default slowest to fastest 2025-12-28 02:42:49 +11:00
1d39e77fd6 Waterfall Phase 1.3 - Add resource type badges (HTML, CSS, JS, IMG) 2025-12-28 02:34:02 +11:00
600d231e7c Waterfall Phase 1.2 - Add vertical grid lines for time visualization 2025-12-28 02:32:38 +11:00
50fee336c1 Waterfall Phase 1.1 - Add request numbering, status colors, inline metrics 2025-12-28 02:31:10 +11:00
038e62415a Fix waterfall and comparison dark mode backgrounds 2025-12-28 02:24:18 +11:00
4aa890da6f Add Waterfall Chart & Request Inspector
Features Added:
- Interactive waterfall timeline visualization
- Color-coded timing bars (DNS, Connect, SSL, TTFB, Download)
- Request filtering by resource type (HTML, JS, CSS, Images, Fonts)
- Detailed request inspector dialog with timing breakdown
- HAR data extraction from Lighthouse results
- Size/compression metrics display
- Third-party resource identification
- Render-blocking resource detection

Technical Implementation:
- Created lib/har-parser.js for network data extraction
- Built waterfall.html with SVG-based timeline renderer
- Added waterfall.js with interactive controls
- Integrated HAR generation into test runner workflow
- Updated main UI with View Waterfall link
2025-12-28 01:32:27 +11:00