Skip to content

Latest commit

Β 

History

History
96 lines (64 loc) Β· 3.34 KB

File metadata and controls

96 lines (64 loc) Β· 3.34 KB

⚑ Velox

The Studio-Grade Web Performance Analyzer

Status Powered By License


🌟 Overview

Velox is a high-performance web performance analyzer that brings GTmetrix-style professional auditing to a lightweight, client-side application. Powered by the Google PageSpeed Insights API v5, Velox provides deep technical insights into any website's speed, structure, and user experience.

Designed with a premium "studio-grade" aesthetic, Velox helps developers and SEO specialists track Core Web Vitals and optimize network bottlenecks with high-fidelity visualization.

πŸ–ΌοΈ Preview

Velox Home Page Velox Report Page


πŸš€ Key Features

πŸ“Š Professional Performance Scoring

Lighthouse-powered 0–100 scores weighted against modern performance standards. Includes a familiar A–F Letter Grade system for instant assessment.

🌎 Real User Data (CrUX)

Direct integration with the Chrome User Experience Report. See how real users experience your site (LCP, CLS, FCP, INP) across different network conditions.

🌊 Interactive Waterfall Chart

A detailed, chronological visualization of every network request. Identify render-blocking scripts, large images, and slow third-party services at a glance.

πŸ› οΈ Structure & SEO Audits

A prioritized "punch list" of technical improvements. Every audit includes impact levels (High/Medium/Low) and actionable advice for optimization.

πŸ“ˆ Historical Trend Tracking

Every audit you run is automatically saved to your local browser storage. Track your optimization progress over time and catch regressions before they hit production.


πŸ› οΈ Built With

Velox is a marvel of modern vanilla web engineering, built for speed and zero dependencies.

  • Core Engine: Vanilla JavaScript (ES6+)
  • Design System: Custom CSS Design System (Glassmorphism & Neon accents)
  • API: Google PageSpeed Insights API v5
  • Typography: Inter & JetBrains Mono (Google Fonts)
  • Hosting: Optimized for Vercel

🏁 Getting Started

Prerequisites

Local Installation

Velox is a static application. You can run it instantly:

# Clone the repository
git clone https://github.com/YukiStackAI/Velox.git

# Navigate to the folder
cd Velox

# Serve locally (recommended)
npx serve .

πŸ›‘οΈ Monetization & SEO

Velox is pre-configured for growth:

  • Adsterra Integrated: Built-in slots for Native Banners and Sidebar Ads.
  • SEO Ready: Fully configured sitemap.xml, robots.txt, and Open Graph tags for search engine visibility.

πŸ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.