...
Skip to main content

Hosting · Website Speed

WordPress PageSpeed Checklist: How We Score 100 on Mobile

WordPress PageSpeed illustration: a man checking server status on a monitor
Google PageSpeed Insights mobile report for this article showing 100 Performance, 100 Accessibility, 100 Best Practices and 100 SEO PageSpeed Insights mobile metrics: First Contentful Paint 1.2 s, Largest Contentful Paint 1.7 s, Total Blocking Time 0 ms, Cumulative Layout Shift 0, Speed Index 2.0 s

Before you start: test your WordPress PageSpeed

  1. Open PageSpeed Insights and enter your web address.
  2. Check the Mobile tab first. Mobile scores are always harder because the test simulates a slower phone and connection.
  3. Write down your score and your LCP, INP, and CLS so you can measure your progress.
  4. Scroll to Diagnostics to see exactly what’s slowing your page down.

1. Start with fast hosting

  • The LiteSpeed web server, which serves pages faster than older servers
  • NVMe SSD storage for quick database lookups
  • A current version of PHP, since each new version runs WordPress faster
  • Account isolation, so other sites on the server can’t slow yours down

2. Use a lightweight theme and builder

3. Optimize your images

  • Use WebP or AVIF instead of large JPG or PNG files. We use WebP across our whole site.
  • Size images for where they appear. Don’t upload a 3,000‑pixel photo for a 400‑pixel space.
  • Lazy‑load images below the fold, so they only load when visitors scroll to them.
  • Never lazy‑load your main image at the top of the page. That image is usually your LCP, and it should load first.
  • Set a width and height (or aspect ratio) on every image so the page doesn’t jump while it loads.

4. Add one caching and optimization plugin

  • Fast page caching, with separate versions for phones and computers
  • Minifies HTML, CSS, and JavaScript
  • Lazy‑loads images, videos, and frames, and delays non‑essential scripts and styles
  • Brotli and GZip compression and browser caching
  • CDN support and smart cache refreshing after you update a page

Seraphinite Accelerator

WP Rocket

5. Remove render‑blocking scripts

  • Deferring non‑critical JavaScript until after the main content appears
  • Delaying third‑party scripts like chat widgets, analytics, and social feeds until a visitor scrolls or clicks
  • Loading fonts locally instead of from outside servers, and only the weights you use
  • Removing plugins you don’t use, since many add scripts to every page

6. Stop the page from jumping (CLS)

  • Give your logo a fixed width on mobile instead of “auto”
  • Make sure your main fonts load early, so headings don’t change size when the font swaps in
  • Set dimensions on every image, video, and embed
  • Reserve space for banners such as cookie notices so they don’t push content down

7. Keep your database clean

  • Delete spam and trashed comments regularly
  • Clear expired temporary data (transients) once a month
  • Remove tables left behind by plugins you’ve deleted

8. Use a CDN

Your WordPress PageSpeed checklist at a glance

Hosting

Images

Code

Layout

Build on hosting made for speed

See WordPress Hosting Plans

Final thoughts on WordPress PageSpeed

Frequently asked questions

Why is my mobile score lower than desktop?

Do I need a paid speed plugin?

Can I use two caching plugins?

Does PageSpeed affect my Google rankings?

What is a good PageSpeed score?

Want a faster website?

Want better WordPress PageSpeed? Tell us about your site and we’ll help you choose the right plan and setup.

Contact Us
Table of Contents
Seraphinite AcceleratorOptimized by Seraphinite Accelerator
Turns on site high speed to be attractive for people and search engines.