Overview
What this challenge is about.
Run Lighthouse tests on 3 pages, ship 5 performance fixes, track with RUM, and earn your verifiable certificate.
The scenario
The fashion brand (bootstrapped + private investment, brand-driven not paid-acquisition-driven) sees mobile performance as a brand-quality issue, not just a conversion lever — every extra second feels off-brand for a sustainable-fashion buyer.
The Brief
What you'll do, and what you'll demonstrate.
Cut Largest Contentful Paint by 50 percent and Cumulative Layout Shift below 0.1 on a Next.js storefront, measured on real user monitoring.
Earning criteria — what you'll demonstrate
- Diagnose web-performance bottlenecks using Lighthouse + WebPageTest + RUM
- Apply Next.js performance primitives (next/image, dynamic imports, font optimization)
- Measure performance changes on real users, not synthetic-only benchmarks
- Document performance work so a non-frontend reviewer understands the win
Program Fit
Where this fits in your program.
Sharpens the same skills your degree expects you to demonstrate.
Web Application Development
Bachelor · Web And Mobile
Strong alignment
This challenge maps to Web Application Development at the Bachelor level. It sharpens the same practical skills your coursework expects — but in a real industry context with actual constraints and deliverables.
Skills
Skills you'll demonstrate.
Each one shows up on your verified credential.
- Web Performance
Apply web performance to solve real industry problems and demonstrate production-level capability.
- Core Web Vitals
Apply core web vitals to solve real industry problems and demonstrate production-level capability.
- Nextjs
Apply nextjs to solve real industry problems and demonstrate production-level capability.
- Real User Monitoring
Apply real user monitoring to solve real industry problems and demonstrate production-level capability.
- Image Optimization
Apply image optimization to solve real industry problems and demonstrate production-level capability.
- Javascript Bundling
Apply javascript bundling to solve real industry problems and demonstrate production-level capability.
Careers
Career paths this challenge builds toward
Completing this challenge demonstrates skills that transfer directly to these roles: