LCP: get the hero honest
Optimize the largest visible element — often a hero image or headline. Compress images, set dimensions, and preload only what the first screen needs.
INP: respect the main thread
Heavy JS on click handlers feels broken. Break work up, defer non-critical scripts, and keep client components lean.
CLS: reserve space
Fonts, ads, and late images shove content. Use font-display strategies, aspect-ratio boxes, and stable ad slots so the layout does not jump.
#performance#cwv#seo