Overview
What this challenge is about.
Performance Optimization for a Slow Storefront. Intermediate challenge in code. Writing production code that solves real engineering problems, earn a blockch...
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.
This is not a coding exercise. It is the work a software engineer does between a Jira ticket and a merged PR. That distinction matters to every hiring manager who has seen candidates solve LeetCode problems and none who have shipped production code under real constraints.
When you finish, you will have something most graduates do not: a real-world deliverable, verified by Ewance, that you can show to a hiring manager and say "I did this. Here is the proof."
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: