Make pages feel fast on phones and ordinary connections
Goal
You should be able to demonstrate the result described in the lesson and explain why each step was necessary.
You should be able to demonstrate the result described in the lesson and explain why each step was necessary.
Step-by-step
01
Optimize the largest content
Compress and resize hero images; reserve their dimensions to prevent layout shift.
02
Reduce blocking work
Load only CSS and JavaScript needed for the page and defer non-critical behavior.
03
Use caching headers
Give versioned static assets long cache lifetimes.
04
Minimize third-party scripts
Analytics, ads, widgets, and fonts can dominate load time even when your own theme is small.
05
Measure on mobile
Test using throttled CPU/network settings, not just a fast desktop on local Wi-Fi.
Verify before moving on
You should be able to demonstrate the result described in the lesson and explain why each step was necessary.
You should be able to demonstrate the result described in the lesson and explain why each step was necessary.
Troubleshooting
If a command or screen differs from the lesson, stop and verify the version you are using before forcing a change.
What you learned
You now understand the purpose of this part of the system and have a concrete result you can verify before continuing to the next lesson.