How to Improve Core Web Vitals in WordPress

A clear guide to improving LCP, CLS and INP on your WordPress site to pass Google's Core Web Vitals.

Core Web Vitals — LCP, CLS and INP — are ranking signals. Here's how to improve each on WordPress.

LCP (Largest Contentful Paint)

  • Optimise and lazy-load images; serve WebP/AVIF.
  • Preload the hero image and critical fonts.
  • Use caching + a CDN to cut TTFB.

    • CLS (Cumulative Layout Shift)

  • Set explicit width/height on images and embeds.
  • Reserve space for ads and dynamic content.

    • INP (Interaction to Next Paint)

  • Reduce heavy JavaScript and third-party scripts.
  • Break up long tasks; defer non-critical JS.

    • Measure it