Five Practical Tips for Improving Core Web Vitals on a Static Site

Core Web Vitals quantify the user experience, and they feed into search ranking too. Here are five high-impact measures for anyone operating a static site.

1. Serve images properly

The culprit behind a poor LCP (Largest Contentful Paint) is almost always a large above-the-fold image. Converting to next-gen formats (WebP / AVIF), specifying correct dimensions, and applying lazy loading where appropriate will move the needle substantially.

2. Prevent layout shift

CLS (Cumulative Layout Shift) happens when you fail to reserve space for images and embedded elements in advance. Set explicit width and height on every image, and tame the jitter that font swapping can introduce.

3. Do not ship too much JavaScript

INP (Interaction to Next Paint) is dictated by main-thread congestion. On a static site, the baseline discipline is to scope scripts to the elements that are genuinely interactive and to avoid sending unnecessary JavaScript to the client.

4. Optimize font loading

Fonts are a frequent source of render delay. Preload only the critical weights and use font-display: swap so text appears immediately.

5. Measure before you optimize

Optimizing on a hunch wastes time. Cross-reference real field data against Lighthouse lab data, pinpoint the bottleneck, and only then make a change.

None of this is a one-off. These gains only stick when you keep measuring continuously as part of ongoing operations.