All projects
web
A page that stays fast under a budget
Take a deliberately slow page and get it green, measuring every step.
Why it matters
Anyone can say they care about performance. Very few can show a trace, name the metric that moved, and say what they changed to move it.
What you build
- A measured baseline with real numbers
- Image, font and JavaScript loading fixed
- A performance budget enforced in CI
- A written before-and-after
If you want more
- Add real-user monitoring
- Automate a Lighthouse run per pull request
Build it
Screenshot the numbers. You will want them later.
- Reduce the JavaScript that blocks first render
- Put a budget in CI so it cannot regress quietly
Material for the whole build
Shows you optimise from measurements rather than from folklore, which is the difference between engineering and superstition.
Get a plan built around projects like this