Core Web Vitals

60-120 minAdvanced

Core Web Vitals (LCP, INP, CLS) are Google ranking factors measuring loading performance, interactivity, and visual stability.

Prerequisites

  • WordPress admin access
  • Google PageSpeed Insights or Search Console access
  • Basic understanding of web performance

Step-by-Step Guide

1

Measure Current Performance

1

Go to pagespeed.web.dev

2

Enter your homepage URL

3

Run the test and note scores

4

Review the Core Web Vitals section

5

Check both Mobile and Desktop results

2

Optimize LCP (Largest Contentful Paint)

1

Install a caching plugin (WP Rocket, LiteSpeed Cache, or W3 Total Cache)

2

Enable page caching and browser caching

3

Use a CDN (Cloudflare, BunnyCDN)

4

Optimize your largest images - compress and use WebP

5

Preload critical images: add rel="preload" to hero images

6

Consider lazy loading for below-fold images only

3

Optimize INP (Interaction to Next Paint)

1

Minimize JavaScript execution time

2

Defer non-critical JavaScript

3

Use WP Rocket or Autoptimize to delay JS until interaction

4

Remove unused plugins that add JavaScript

5

Avoid large JavaScript bundles on page load

4

Optimize CLS (Cumulative Layout Shift)

1

Always define width and height on images

2

Define dimensions on videos and embeds

3

Avoid inserting content above existing content

4

Use font-display: swap for custom fonts

5

Reserve space for ads and dynamic content

5

Install Performance Plugins

1

Install and configure WP Rocket or LiteSpeed Cache

2

Install Imagify or ShortPixel for image optimization

3

Install Perfmatters for additional optimizations

4

Configure asset optimization (combine, minify CSS/JS)

Verification Checklist

  • PageSpeed Insights score above 90 (desktop)
  • PageSpeed Insights score above 70 (mobile)
  • LCP under 2.5 seconds
  • INP under 200 milliseconds
  • CLS under 0.1
  • Search Console Core Web Vitals showing green

Pro Tips

  • Mobile performance is usually the priority - Google uses mobile-first indexing
  • Use WebP images with PNG/JPG fallbacks
  • Consider removing page builders if performance is critical
  • Host fonts locally instead of Google Fonts
  • Monitor real-world data in Search Console, not just lab data