Skip to content
Webnailed
Module 12 of 15D. Polish & Quality

Speed: Images, Fonts & Performance

By the end of this module: Make the site load fast and feel smooth.

The polish gauges
390px cleanpass
First paint1.9s
A11y basics6/7

Polish is measured, not felt — these are the dials that matter

The lesson, in plain language

Images and fonts cause most beginner performance problems. Resize images, limit fonts, reserve dimensions, and keep effects light.

Seen in the demos: Demo pages prioritize one clear visual and lazy-load the rest.

Prompt lab

Explain LCP, INP, and CLS simply, then give me a no-code checklist to speed up a slow site.

1 · Paste into your AI tool2 · Replace anything in [brackets]3 · Change one thing at a time
Decision card

The common failure: Uploading huge images because the page still looks okay on your laptop.

Performance is user trust. Slow pages feel less professional.

Your task

Optimize images and fonts, then run a speed check.

Mistake detector

The usual trap here: Uploading huge images because the page still looks okay on your laptop. Tick only what you have genuinely done — anything unticked is where that trap usually starts.

0/4 confirmed — be honest, this checklist is for you, not for us.

Where this connects to your audit

Save before/after speed notes so performance work is visible in the project room.

Work from this module feeds directly into your private structured website quality review — two per month, on your real site.

See how the private audit works

The habit this builds

Don't ask AI for a finished website and stop there. Run the loop this module teaches: brief, generate, inspect, fix one thing, document what changed. That loop — not any single trick — is the skill Webnailed trains.

Join to submit your work & get audited — 19 EUR/month