Live Web Vitals (This Session)
Real values from your device/network. Refresh to re-measure.
TTFB
—
FCP
—
LCP
—
CLS
—
DCL
—
Load
—
Enterprise-ready delivery
Performance Proof, Not Just Claims
This portfolio measures speed, controls bundle growth, and exposes engineering quality beyond visual polish.
Resource Snapshot
Transfer sizes can be 0 for cached resources.
Requests
0
Total
0 B
JS
0 B
CSS
0 B
Images
0 B
Fonts
0 B
Budgets
Enforced on production builds via Angular CLI budgets.
Initial bundle
Warn: 2MBError: 3MB
angular.json (production budgets)
Any component style
Warn: 80kBError: 95kB
angular.json (production budgets)
Lighthouse Snapshot
Optional: commit a JSON snapshot at public/_perf/lighthouse.json.
No snapshot found. If you want, run Lighthouse in Chrome DevTools and store the results in
public/_perf/lighthouse.json. What This Demonstrates
This page exists so employers can see concrete engineering signals, not just UI.
- Budgets are enforced in
angular.json(production build). - Web Vitals are measured live using the browser Performance APIs.
- Optional Lighthouse snapshot can be checked into
public/_perf. - Demo tools expose measurable run stats (latency + bytes), not just screenshots.