FrontendHaltPerformance·Intermediate·Conceptual·1 min read
Order the image optimization levers by typical impact.
Short interview answer
Correct dimensions first — never ship a 3000px file for a 400px slot. Then modern format (AVIF or WebP with fallback). Then compression tuned per image type. Then delivery: CDN, long cache lifetimes, content-hashed URLs. Then prioritization of the LCP image. Dimensions and format usually dwarf the rest.
Key takeaway
Explain the underlying mental model clearly, then support it with a concrete example and its trade-offs.