SkillChirp
CAREER PROJECT · Intermediate · 1 weekend

Web Performance Optimization Lab

Take a deliberately slow interface and document measurable improvements to loading and interaction.

Core Web VitalsProfilingCode splittingImagesCaching
DEFINITION OF DONE

Leave artifacts a reviewer can inspect.

01

Before/after metrics

Make this concrete enough that another engineer can understand what you built and why.

02

Profiler captures

Make this concrete enough that another engineer can understand what you built and why.

03

Live optimized app

Make this concrete enough that another engineer can understand what you built and why.

04

Optimization log

Make this concrete enough that another engineer can understand what you built and why.

05

Budget config

Make this concrete enough that another engineer can understand what you built and why.

RESUME / PORTFOLIO FRAMING

Describe what you actually did.

Improved frontend loading and interaction performance using profiling, code splitting and measurable performance budgets.

Use this as a starting structure, then replace it with your real implementation details, metrics and constraints. Do not claim outcomes you did not measure.

Validate the shipped project →
STRETCH GOALS

Go deeper if the core is already solid.

RUM telemetry

Add only if it strengthens the engineering story instead of delaying a finished, deployable core.

Edge caching

Add only if it strengthens the engineering story instead of delaying a finished, deployable core.

Bundle CI gate

Add only if it strengthens the engineering story instead of delaying a finished, deployable core.