Website Speed Optimization: The 2026 Checklist for Core Web Vitals

Image par défaut
Date 28.05.2018
Temps de lecture 5 min
Catégories
Partager

A slow site costs you twice: visitors leave before the page loads, and Google’s ranking systems take page experience into account. Speed alone won’t push weak content to the top, but when competing pages are similarly relevant, the faster, smoother one has an edge, and it almost always converts better. This website speed optimization checklist focuses on what actually moves the numbers in 2026.

Know the Targets: Core Web Vitals

Google measures real-world page experience with three Core Web Vitals:

MetricWhat it measuresGood
Largest Contentful Paint (LCP)How fast the main content appears2.5 seconds or less
Interaction to Next Paint (INP)How quickly the page responds to clicks, taps, and typing200 milliseconds or less
Cumulative Layout Shift (CLS)How much the layout jumps while loading0.1 or less

INP replaced First Input Delay (FID) as a Core Web Vital in March 2024. A page “passes” when at least 75% of real visits meet each threshold, which is why field data from actual users matters more than a single lab test.

Measure Before You Optimize

  • PageSpeed Insights shows both field data (from the Chrome User Experience Report, when your site has enough traffic) and a lab test with specific recommendations.
  • Search Console’s Core Web Vitals report groups your URLs by status on mobile and desktop.
  • Chrome DevTools (Performance and Lighthouse panels) helps developers find the exact scripts and elements causing problems.

Test your most important templates first: homepage, top service or category pages, product pages, and blog posts. Fixing one template often fixes hundreds of URLs.

1. Server and Hosting

  • Choose quality hosting with fast server response times (Time to First Byte). Cheap shared hosting is often the single biggest bottleneck.
  • Use a content delivery network (CDN) to serve files from locations close to your visitors across the U.S.
  • Enable HTTP/2 or HTTP/3 and modern compression (Brotli or Gzip).
  • Set long cache lifetimes (Cache-Control headers) for static files such as images, CSS, and JavaScript.
  • Use full-page caching for pages that don’t change per visitor. On WordPress, a caching plugin or host-level caching handles this.

2. Images and Video

  • Compress every image and serve modern formats such as WebP or AVIF.
  • Serve correctly sized images with srcset, instead of shrinking huge files in the browser.
  • Always set width and height (or aspect-ratio) so the layout doesn’t shift as images load.
  • Lazy-load images below the fold, but never the main hero image: preload it or give it fetchpriority="high" so LCP isn’t delayed.
  • Embed videos with a lightweight placeholder that loads the player only on click.

3. JavaScript

JavaScript is the usual culprit behind poor INP scores.

  • Remove scripts and plugins you don’t use.
  • Defer non-critical scripts so they don’t block rendering.
  • Break up long tasks so the browser can respond to user input quickly.
  • Audit third-party tags (chat widgets, heatmaps, ad pixels, A/B testing tools). Load them only where needed, and through Google Tag Manager with clear rules.
  • Avoid duplicate libraries loaded by different plugins.

4. CSS and Fonts

  • Inline the small amount of critical CSS needed for the first screen and load the rest asynchronously.
  • Minify CSS and remove unused rules, especially from heavy themes and page builders.
  • Limit web fonts to the weights you actually use, host them yourself when possible, and use font-display: swap.
  • Reserve space for banners, cookie notices, and ads so they don’t push content down (a common CLS issue).

5. Page Structure and Content

  • Keep the number of DOM elements reasonable; bloated page builders can generate thousands.
  • Avoid unnecessary redirects and redirect chains.
  • Fix broken links and 404s on resources.
  • Limit iframes and embeds on key pages.

6. Mobile

Google indexes the mobile version of your site, and most local and consumer searches happen on phones. Test on a mid-range Android phone over a cellular connection, not just on your office desktop. If the page feels sluggish there, your customers feel it too.

7. Keep It Fast

Speed degrades over time as plugins, tags, and content pile up. Re-test key templates after every major change, check the Core Web Vitals report monthly, and include performance in your website maintenance routine.

Frequently Asked Questions

Is Page Speed a Google Ranking Factor?

Yes, as part of page experience, but it’s not the main one. Relevance and content quality come first; speed and Core Web Vitals can make the difference between similar pages and strongly affect conversions.

What’s a Good PageSpeed Insights Score?

Aim for green (90+) in the lab test where feasible, but prioritize passing Core Web Vitals in field data. That’s what reflects real visitors’ experience.

Why Is My Site Fast on Desktop but Slow on Mobile?

Phones have less processing power and often slower connections, so heavy JavaScript and large images hurt much more. Always optimize for mobile first.

Want a Faster Website?

Speed audits and performance fixes are part of our web design and SEO services. Référenceur is a European agency (Belgium and Luxembourg) that works with U.S. businesses remotely, through video calls, shared screens, and monthly reporting. Request a free assessment.

Appeler