Workflow

This module is the step-by-step process you can run on every project. It is designed to keep measurement honest (no cache interference), reduce regressions, and produce client-ready proof of improvements.

Step	Lesson	Outcome
0	The Workflow Mistake	Avoid false positives by testing with caches correctly
1	Overview	Define targets, tools, and safety rules
2	Baseline Benchmark	Capture before metrics (lab + field)
3	Environment Setup	Prepare staging and a cache-safe test mode
4	HTML Optimization	Reduce HTML bloat and improve first render
5	CSS Optimization	Remove unused CSS and control critical CSS
6	JS Optimization	Defer/delay JS without breaking UX
7	Font Optimization	Prevent FOIT/CLS and load fonts efficiently
8	Image Optimization	Reduce bytes and improve LCP images
9	Above-the-Fold Optimization	Prioritize the LCP element and critical requests
10	Third-Party Script Optimization	Control analytics/widgets that kill INP
11	CDN & Network Optimization	Improve edge delivery and reduce network overhead
12	LSCache + Perfmatters Final	Finalize settings without double-optimizing
13	Cache Layer Activation	Turn caches back on with verification
14	LCP + INP + CLS	Validate CWV outcomes against targets
15	Final Validation	Run final audits and regression checks
16	Troubleshooting	Common breakages and safe rollback patterns
17	Optimization Log	Document every change and the impact
18	Client Delivery	Package results and handoff recommendations