Development · Advanced
Performance as a design material
A visual-page optimisation study that starts with an observed bottleneck. Learn to budget imagery, reduce interaction work and measure whether a change improves delivery without damaging the experience.
Written by Akis Apostoliadis for Skillfolio · 4 written lessons · Self-paced
Checking purchase availability…
Course price: $79 USD, plus applicable tax. One payment for this course. Compare all-course package prices: $29/month or $299 lifetime.
What you’ll make
A before/after performance investigation with a repeatable scenario and a documented budget.
Before you begin
HTML, CSS, JavaScript and browser performance/network tools.
Who it’s for
Frontend developers comfortable profiling a working page.
- Core Web Vitals
- Rendering cost
- Performance budgets
The complete curriculum
Preview the first lesson free. Purchase unlocks the remaining lessons, project and downloads.
Choose the moment that feels slow
Define a repeatable performance investigation around one user-visible delay.
16 min read · 45 min practice · Free preview
Give the important image a sensible budget
Optimize the important image without sacrificing its visual job or delaying discovery.
15 min read · 45 min practice · Included with purchase
Reduce work on the interaction path
Reduce interaction work according to a trace while preserving correctness.
16 min read · 60 min practice · Included with purchase
Write a budget that protects the experience
Set a performance budget tied to a reproducible scenario and an explicit tradeoff.
16 min read · 60 min practice · Included with purchase
See the work
Measure one real operation. Completed instructor specimen using fictional teaching material; not a learner result.This course works towards: A before/after performance investigation with a repeatable scenario and a documented budget.
Explore completed teaching examples and the decisions behind them. These are instructor-authored examples, not learner testimonials.
What’s included
- Original written lessons, worked examples and guided practice.
- A course project, review criteria and reference responses.
- Downloadable course materials for purchased lessons.
Explore the course before committing. Start with the free lesson, or compare other courses.