Sign In
Save your test history and get detailed reports.
Test your website speed instantly.
Analyze Core Web Vitals and get actionable optimization tips.
Initializing engine...
Performance Score
Excellent
Load Time
0.8s
Time to Interactive (TTI)
Page Size
1.2 MB
Total uncompressed size
Requests
24
HTTP Requests
Analytics Dashboard
Average Score (Last 30 days)
84/100
Slowest Page
/products/heavy-assets
Total Tests Run
156
Technical Features & Performance Metrics
To accurately test a website, the tool monitors several key data points that impact SEO and User Experience.
1. The Core Web Vitals Simulation
Actual speed tests (like Google PageSpeed Insights) measure several distinct phases. My code simulates this via the startTest() function:
TTFB (Time to First Byte): Simulated by the "Connecting to server" phase.
TTI (Time to Interactive): Represented by the "Load Time" card.
Score Algorithm: The code dynamically changes the UI color (Green/Yellow/Red) based on the score, which is a standard UX pattern for technical audit tools.
2. Analytics Dashboard
The platform features a history-tracking dashboard.
Trends: A bar chart visualizers how speed fluctuates over time.
Actionable Insights: It identifies the "Slowest Page" in the user's history, allowing for targeted optimization.
3. Login & Authentication
The tool includes a Social/Email Login Modal. By forcing a login for the "History Dashboard," the platform creates a user retention loop.
4. Export & Sharing System
Blob-based Export: Users can download a
.txtreport (easily upgradable to PDF via libraries likejspdf).Web Share API: Allows mobile users to send the performance score directly to Slack or email.
5. Responsive Design
The grid layout uses repeat(auto-fit, minmax(240px, 1fr)), ensuring that on a mobile phone, the cards stack vertically, while on a 4K monitor, they sit in a clean horizontal row.