Real-timePerformance

Measured live on your device, your connection

Live: Measured for your device

This page loaded in

N/As

Largest Contentful Paint

...

Performance Grade

LCP

N/A

Largest Paint

FCP

N/A

First Paint

CLS

N/A

Layout Shift

INP

N/A

Responsiveness

Real-User Field Data

Chrome UX Report (CrUX) data from real visitors over the last 28 days: the ground truth for Core Web Vitals.

Every performance decision, explained

Next.js Server ComponentsFramework

Static and data-driven content renders entirely on the server. Zero client-side JavaScript shipped for those sections.

Automatic Image OptimizationAssets

next/image converts all images to WebP/AVIF at build time, adds lazy loading, and reserves layout space to prevent shifts.

Code Splitting & Tree ShakingBundle

Only the JavaScript your current route actually needs is shipped. Unused imports are removed at build time automatically.

S3 + CloudFront Edge CDNInfrastructure

Static export deployed to S3 and distributed via CloudFront edge nodes worldwide. Your browser fetches from the nearest server, not a distant origin.

Zero-Runtime CSSStyling

Tailwind CSS purges every unused utility class at build time. No CSS-in-JS runtime, no style injection lag.

Font Subsetting & display:swapTypography

Only the character sets in use are downloaded. display:swap shows text immediately in a fallback font while the custom font loads.

Dynamic Imports for Heavy ComponentsLoading

The AI assistant, chatbot, and 3D visualisations are lazy-loaded only when the user navigates to them.

Security Headers via CloudFrontSecurity

CSP, HSTS, and X-Frame-Options headers are configured in the deployment pipeline. Security hardening with no client performance cost.