New: “AI + WordPress” lessons just dropped — build smarter sites in half the time.

Speed Up: Caching and Images

Make pages load faster with caching and optimized images, and learn how Core Web Vitals (LCP, INP, CLS) measure the experience.

A fast site keeps visitors happy, and page experience is one of many signals search engines consider. The good news: two moves, caching and image optimization, deliver most of the speed gains for typical WordPress sites. Let’s get quick.

Measure first: Core Web Vitals

Google’s Core Web Vitals measure real-world user experience:

  • LCP (Largest Contentful Paint): how quickly the main content, often a big image or headline, appears.
  • INP (Interaction to Next Paint): how quickly the page responds when someone clicks, taps or types.
  • CLS (Cumulative Layout Shift): how much the layout jumps around while loading.

Test pages with free tools like PageSpeed Insights, and check the Core Web Vitals report in Search Console once you have traffic. Google publishes the current “good” thresholds, so check its documentation for the latest numbers. Test before and after each change so you know what actually helped.

Caching: stop rebuilding every page

Remember how WordPress builds pages on demand? Page caching saves a finished copy and serves it instantly to the next visitor. Options include:

  • Host-level caching: many managed hosts include it. Use theirs if offered.
  • A caching plugin: if your host doesn’t cache, pick one well-reviewed plugin (never two).
  • A CDN: a content delivery network serves your files from servers closer to each visitor.

Images: the usual heavyweight

  • Resize before uploading. Don’t upload a huge camera photo to display it small.
  • Compress images and consider modern formats like WebP or AVIF, which recent WordPress versions support.
  • Lazy loading: WordPress adds it automatically to many images so off-screen images load later.
  • Don’t lazy-load your hero image. The big image at the top is often your LCP element and should load right away.
  • Set dimensions on images and embeds to prevent layout shifts (CLS).

Professor’s tip: Some of the biggest speed wins come from removal, not addition. Delete unused plugins, limit fancy sliders and heavy animations, and question every third-party script like chat widgets and extra trackers.

See our tools page for speed-testing and optimization picks.

Your assignment

  1. Run your homepage through PageSpeed Insights and note your LCP, INP and CLS results.
  2. Turn on caching (host or plugin) and compress your largest images.
  3. Retest and compare.