1. Browser Cache Fix:
- Added ?v=4.0 to main.js to force browser reload
- This ensures new comparison/waterfall UI loads
2. Remove ALL Throttling:
- Disabled Lighthouse network throttling (rttMs=0, throughput=0)
- Disabled CPU throttling (cpuSlowdownMultiplier=1)
- Set throttlingMethod to 'provided' (no simulation)
- Applies to both mobile and desktop tests
3. Backend Default Already Fixed:
- isMobile defaults to false (desktop) matching frontend
This fixes all 3 reported issues
Bug Fix:
- Backend was defaulting to mobile (isMobile ?? true)
- Frontend was defaulting to desktop
- Changed runner.js default to false (desktop) to match frontend
Feature Integration:
- Added Waterfall button to each history item
- Added comparison checkboxes to history for easy test selection
- Auto-limit to 2 tests for comparison
- Comparison controls appear dynamically when tests selected
- Auto-load comparison when URL params present
Features Added:
- Throttling presets (4G, 3G Fast, 3G, 2G, Cable, Custom)
- Advanced settings toggle component
- Settings extraction API for test configuration
- Network throttling configuration UI
Technical Implementation:
- Created advanced-settings.js with throttling management
- Prepared foundation for multiple runs support
- Ready for backend integration with Lighthouse throttling flags
Note: Full Phase 12-19 implementation in progress
Features Added:
- Canvas-based pie chart showing resource distribution by type
- Content breakdown statistics table
- Compression savings percentage display
- Resource counts and sizes by type
- Automatic rendering after test completion
Technical implementation - Created breakdown.js with drawPieChart and renderContentBreakdown functions
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
