DeNNiiInc 79439f7bfa Fix device selection default mismatch + Integrate Waterfall & Comparison
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
2025-12-28 01:55:27 +11:00
2025-12-27 22:21:17 +11:00

Web Page Performance Test

Premium Real-Time Website Audit & Metrics Tool

Live Demo

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.

NodeJS Express PostgreSQL Lighthouse

FeaturesVisual TourGetting StartedDeployment


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

Desktop Results



Mobile Responsive Dashboard

Mobile Dashboard View

🚀 Getting Started

Prerequisites

  • Node.js v20+
  • Chromium / Google Chrome installed
  • PostgreSQL

Installation

  1. Clone the repository:

    git clone https://github.com/DeNNiiInc/Web-Page-Performance-Test.git
    cd Web-Page-Performance-Test
    
  2. Install dependencies:

    npm install
    
  3. Apply Permissions (Optional):

    chmod +x config-fix.sh
    
  4. Start the server:

    npm start
    

    The application will run on http://localhost:3000.

🛠️ Deployment

This project includes automated deployment scripts for Proxmox/Linux environments.

  • Automated Sync: auto-sync-robust.sh handles pulling changes and restarting services only when necessary.
  • Crednetial Safety: deploy-config.json and .env files are strictly git-ignored.
  • License: Distributed under the GPL-3.0 License.

Developed and maintained by Beyond Cloud Technology.
Description
No description provided
Readme GPL-3.0 4.5 MiB
Languages
JavaScript 59.1%
HTML 22.8%
CSS 8.8%
PowerShell 5.6%
Shell 3.7%