mirror of
https://github.com/DeNNiiInc/Web-Page-Performance-Test.git
synced 2026-04-17 20:05:58 +00:00
DeNNiiInc
4aa890da6f
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
Web Page Performance Test ⚡
Premium Real-Time Website Audit & Metrics Tool
A modern, high-performance web analytics tool that allows users to run Google Lighthouse audits on any website. Built with Node.js, Express, and a custom-tuned Chrome instance for accurate, reproducible results.
✨ Essential Features
- ⚡ Core Web Vitals Analysis: Comprehensive breakdown of LCP, CLS, and TBT metrics.
- 📱 Multi-Device Emulation: Toggle between Desktop (1920x1080) and Mobile (Moto G4) emulation modes.
- 🔒 User Isolation & Privacy:
- Test history is strictly isolated per user via client-side UUIDs.
- No shared history between different users.
- 🚀 Concurrency Queue System:
- Intelligent backend queue prevents server overload.
- Supports simultaneous users without crashing (FIFO processing).
- 💾 Persistent History: Automatically saves your recent test runs using a PostgreSQL database.
- 📊 Detailed Reports: Generates full HTML Lighthouse reports and JSON summaries.
- 📸 Visual Filmstrip: Captures frame-by-frame screenshots of the page load experience.
📸 Visual Tour
Desktop Analysis Results
Mobile Responsive Dashboard
🚀 Getting Started
Prerequisites
- Node.js v20+
- Chromium / Google Chrome installed
- PostgreSQL
Installation
-
Clone the repository:
git clone https://github.com/DeNNiiInc/Web-Page-Performance-Test.git cd Web-Page-Performance-Test -
Install dependencies:
npm install -
Apply Permissions (Optional):
chmod +x config-fix.sh -
Start the server:
npm startThe application will run on
http://localhost:3000.
🛠️ Deployment
This project includes automated deployment scripts for Proxmox/Linux environments.
- Automated Sync:
auto-sync-robust.shhandles pulling changes and restarting services only when necessary. - Crednetial Safety:
deploy-config.jsonand.envfiles are strictly git-ignored. - License: Distributed under the GPL-3.0 License.
Developed and maintained by Beyond Cloud Technology.