Design for Web Performance Questions

Assess and specify design decisions through the lens of front end performance and perceived speed. Topics include how layout choices, imagery, fonts, and animations affect critical render paths and Core Web Vitals; techniques for optimizing images and responsive assets, modern formats and lazy loading; font loading strategies and minimizing layout shift; choosing animations and microinteractions that use compositing and transforms to avoid layout thrashing; reducing DOM and CSS complexity; designing performance budgets and acceptance criteria; measuring performance with Lighthouse, WebPageTest, and real user monitoring; designing for constrained devices and slow networks; accessibility and performance trade offs; and how to communicate performance requirements and trade offs to engineering and product partners.