Google Page Experience Update Checklist

šŸ“ˆ Increase your traffic with the 28 Day SEO Challenge Now.

The Google Page Experience update fully rolled out on September 2nd 2021:

google page experience update complete

So that means if you have not paid any attention to Core Web Vitalsā€¦

ā€¦or your Page Experience report in Google Search Console looks like this:

zero percent page experience score

Then now is the perfect time for you to get ahead of the algorithm!

Weā€™ve helped all of our clients prepare for this update already so Iā€™m going to show you how to measure and improve the core page experience metrics for your website.

(Click Here For 12 SEO Case Studies)

What Is Page Experience?

Page Experience is a combination of existing Google ranking factors with the addition of a new set of performance-related factors called Core Web Vitals.

These pre-existing signals are:

  • Mobile friendly
  • Safe browsing
  • HTTPS
  • No intrusive interstitials

Page Experience & Core Web Vitals

What Are Core Web Vitals?

Core Web Vitals are a set of three performance related metrics that look at the loading, interactivity and visual stability of a page.

This is done with 3 core metrics-

  • Largest Contentful Paint (LCP)
  • First Input Delay (FID)
  • Cumulative Layout Shift (CLS)

Get those right and you will beat the Google Page Experience update.

So letā€™s take a look at what each of those metrics actually mean and how you can turn the dials in your favor.

Click here to see how to improve Core Web Vitals.

Largest Contentful Paint (LCP)

Largest Contentful Paint (LCP) measures the loading performance of the largest piece of content on a web page.

More specifically, LCP looks at the time taken for Google to render ā€œthe largest image or text block visible within the viewport, relative to when the page first started loadingā€.

The types of page elements that are considered for LCP are:

LCP Important Elements

According to Google, the LCP of your web pages should be no more than 2.5 seconds.

Largest Contentful Paint

First Input Delay (FID)

The First Input Delay (FID) metric measures the interactivity of a web page.

FID looks at the time the browser takes to respond to the userā€™s first interaction on a page.

Examples of interactions include:

  • Clicking on a link or button
  • Clicking on a checkbox
  • Inputting text into a form

ā€¦or selecting an option from a drop-down menu.

Note that scrolling or zooming in or out of a page is not considered interactions.

A good FID score is 100 milliseconds or less.

First Input Delay

Cumulative Layout Shift (CLS)

Cumulative Layout Shift (CLS) measures visual stability.

This is a relatively new metric that accounts for unexpected layout shifts on a web page.

In the example provided by Google below, you can see how the contents of the page shifts after the ā€œNo, go backā€ button is clicked.

The idea is to minimise sudden shifts in the content that result in a poor user experience.

You should strive to have a CLS score of less than 0.1.

Cumulative Layout Shift

Why Is Page Experience Important?

Google mission accomplishedGoogleā€™s core mission is to:

ā€œOrganise the worldā€™s information and make it universally accessible and usefulā€

With this in mind, the userā€™s search experience is crucial in ensuring that this mission is accomplished.

After all, if the results Google displays donā€™t provide the user with what theyā€™re looking for, then Googleā€™s entire model falls flat.

Therefore, the fact that Google has now dedicated an update specifically targeted towards page experience, emphasises the importance of making sure that your website delivers an engaging and useful experience to users.

So itā€™s worth putting Page Experience into the context of the other 200+ ranking factors that Google uses to determine search rankings.

Stuck in the Google sandbox period? Read my guide to learn how to get out of Google sandbox as quickly as possible.

Google Page Experience Update Checklist

Weā€™ve helped all of our clients prepare for this update so I want to share a quickfire checklist to help you overcome the Google Page Experience update.

First Iā€™m going to show you how to measure your problems, then Iā€™m going to show you how to fix them!

Measuring Page Experience Metrics

Before we do anything else, we need to find out where we stand right now.

There are a few tools that you can use to do that:

Google Search Console

There are two reports in Google Search Console that allow you to measure page experience metrics accurately.

These reports are the ā€œgold standardā€ and ultimately you want to see 100% good URLā€™s in both the Core Web Vitals and Page Experience reports.

The Core Web Vitals Report

The simplest way to measure the Core Web Vitals metrics for your website is via the Core Web Vitals report in Google Search Console.

Google Core Web Vitals Report

The report categorizes URLs into three categories for desktop and mobile:

  1. Poor URLs
  2. URLs need improvement
  3. Good URLs

Clicking on any report will give you more information about the current issues:

details of problems with core web vitals in google search console

Itā€™s important that you are reporting 100% of your URLs as Good on mobile because that is the only way to improve the Page Experience report below.

The Page Experience Report

Once URLā€™s are showing as Good on mobile in your Core Web Vitals report, this qualifies them for the Page Experience report.

Google introduced the Page Experience report in GSC which summarises the user experience of the pages on your website.

Page Experience Report - Google Search Console

The report combines the Core Web Vitals report with other page experience signals like:

  • HTTPS
  • Safe browsing
  • Mobile-friendliness
  • Intrusive interstitials
  • Ad experience violations

Page Experience Signals - Google Search Console
The Page Experience report tells you what percentage of URLs are deemed to provide a good user experience along with the number of search impressions over time.

Clicking each of the components of the other page experience signals provides further opportunities for improving your scores.

You can find out more about the new Page Experience report in GSC here.

Google Pagespeed Insights

If you want to get a real-time look at your Google Page Experience & Core Web Vitals metrics then you can use Google PageSpeed Insights:

pagespeed insights core web vitals

It only takes a moment to run a reportā€¦

ā€¦but unlike Google Search Console you can scroll down for a list of things to fix:

things for you to fix

Iā€™ll talk you through the easiest way to fix all of these types of problem in a moment.

PRO TIP: You can use BatchSpeed to run bulk Pagespeed Insights reports

Google Chrome Lighthouse Report

If you use Google Chrome you can generate a report directly from the browser.

Just load the page you want to test, right click anywhere and click on inspect (ctrl+shift+i)

lighthouse report

Then navigate to the Lighthouse Tab and click on Generate Report.

Once it is finished you will have a complete report that shows all your problems-

lighthouse recommendations

Then you just have to fix them!

PRO TIPS: To improve your SEO performance, make sure to use all the Google tools available. Donā€™t know anything about these tools? Take a look at my list of Google tools.

Fixing Your Page Experience Problems

If youā€™re running on WordPress then fixing your Page Experience problems is easy!

But if you are running on a platform like Shopify or Magento, youā€™ve got a bit of a fight on your hands but Iā€™ll cover all of the options.

Wordpress Solution #1

You can fix most of your problems by using the right combination of the best SEO plugins for WordPress and services to optimise your siteā€™s speed.

If you are on a budget here are 6 ways you can do that for free.

But given that the user experience of your site touches everything from search traffic to conversion rates, I highly recommend you get setup with-

  • Good Hosting ā€“ I recommend Kinsta or WPX Hosting (see my fastest wordpress hosting testing)
  • WP Rocket ā€“ Includes tons of features like Google Font optimization, Facebook pixel optimization and too many other things to list
  • PerfMatters ā€“ Allows you to control CSS and JS on the page level. Eg by default you load contact form javascript on every page, even when there isnā€™t a contact form
  • ShortPixel ā€“ The best way to compress images and generate webP as well as AVIF versions of those images
  • CloudFlare Pro with APO ā€“ Takes care of a ton of speed optimisations and makes your site fast globally. Make sure you enable Automatic Platform Optimization

That combination of plugins and services will absolutely transform your Google Page Experience metrics and Core Web Vitals.

It will take you around 3 hours to setup and thereā€™s no need to hire an expensive developer.

Wordpress Solution #2

Another way you could go is with NitroPack.

NitroPack Plugin

It only takes a few minutes to setup but is jam-packed with features:

  • CSS Optimization ā€“ It will extract and load the CSS you need first
  • JS Optimization ā€“ That actually works without breaking your entire site
  • Image Optimisation ā€“ Webp images, adaptrive image sizing, compression and lazy loading
  • CDN ā€“ Including Brotli, Gzip and HTTP/2
  • Other Features ā€“ Automatic ad, pixel and Google Font optimizations

You can visit the NitroPack homepage to test your website and see what it can do:

nitropack test result

Take a look at my NitroPack Review to learn more.

Magento Solution

If you are running on Magento then the easiest solution available to speed up your Magento store is NitroPack.

Just install the plugin:

magento nitropack plugin

And once you are setupā€¦

ā€¦you can manage your Magento stores performance directly in the dashboard:

magento site performance dashboard

It doesnā€™t get much easier than that but take a look at this guide or this guide to learn more ways you can speed up Magento.

You can also get Magento SEO extensions to boost the performance of your store.

Struggling with your Magento store? Check out my Magento SEO tips or hire one of these Magento SEO services!

Shopify Solution

If you are running on Shopify, you have an uphill battle ahead of you.

Unlike Wooocommerce and Magneto, we donā€™t have control of all of the most important factors on Shopify.

There are two Shopify Apps that can help you though:

Other than that I highly suggest you consult this guide or this guide as speeding Shopify up usually needs developer support.

Running a Shopify store? Check my 9x Shopify SEO tips to boost search traffic!

Other Page Experience Signals

In addition to the Core Web Vitals, you should also pay attention to the other pre-existing page experience signals that Google has already been using.

#1 ā€“ Mobile-friendly Test

To check whether your web page is mobile-friendly, use this tool.

Mobile Friendly Test

#2 ā€“ Safe-browsing

To check whether your site has any issues that are related to safe-browsing, use the Security Issues report in Google Search Console.

Safe Browsing

#3 ā€“ HTTPS

If you havenā€™t already made the switch to HTTPS, thereā€™s no time like the present.

HTTPS

Follow this guide to check whether your page is secure.

#4 ā€“ No Intrusive Interstitials

Help users access your websiteā€™s main content by reducing any intrusive interstitials that spoil the user experience.

This includes minimising the number of popups that cover large portions of the main content.

Interstitial Ads Types

You can find examples of interstitials that are considered as intrusive along with those that would be accepted by Google here.

#5 ā€“ Ad Experience Report

You can use the Ad Experience Report to make sure you are not using ambitious advertising techniques.

Google ad experience report

If you are showing any problems here fix them immediately because they directly affect the Google Page Experience report in Google Search Console.

Want to learn more ways to improve your website? Check out my complete SEO checklist for 2024.

Wrapping It Up

The Google Page Experience update means that now is the time to ensure that your website:

  • Includes great content (which should be the primary focus in your SEO efforts)
  • Provides the user with a positive, engaging experience

Google were kind enough to give us a headsup about the Google Page Experience update way back in November 2020.

So if you havenā€™t yet made a start on optimising your websiteā€™s page experienceā€¦

ā€¦right now is the time to do so because youā€™re losing out on search traffic every day!

Click Here For 12 SEO Case Studies

search logistics cta

Link Building

Link building you will be proud of.

Learn more

SEO Agency

We take full control of your traffic.

Learn more

Learn Portal

Free SEO tutorials to increase your traffic.

Learn more

What Are Your Thoughts?

27 Responses

  1. Hi Matthew, It was a very insightful article! I did know about the Google page experience, but your checklist really inspired me to check my website and ensure everything is on track. Thanks a lot for sharing this amazing resource and checklist with the users like me. I really put things into perspective and helped them ensure my website is updated and in line with all the updates. I really appreciate your help, and look forward to reading more of your amazing articles.

  2. you always have a way of appealing to me wow this a nice post. I am certainly trying out these tips. and I know there will be an improvement. keep up the good work and thanks for sharing.

  3. What Iā€™ve done so far is:Install Chrome on all the computers in our household. I figured that would make for the quickest and easiest transition, as well as provide a level playing field for viewing content. Each browser has its strengths and weaknesses, after all. Downloaded Firefox 42 beta (incognito mode) onto my laptop Installed Flash player into Firefox (I made sure I did this because other browsers also require it).Opened up Google Chrome Browser Set Bing/Google Search Engine to Yahoo! SearchesHeaded over to Google Settings and change homepage search engine from ā€œGoogleā€ to ā€œAskā€ with Bing as secondary search engineā€œ

  4. Thank you so much for this very useful information. Now I can understand very well the core web vitals report because of it. Once again, thank you so much.

  5. Hey Matthew,Thanks for putting this guide together! Itā€™s a great outline of exactly what the Page Experience update does. We run a Shopify store, so Iā€™m going to try out the page optimisation apps you shared, as our mobile pages seem to be struggling a bit. Do you offer support on improving page speed as well?

  6. Iā€™ve been your follower for years and most of your tips and guide are gem. Better than what you will even see in paid courses. This certainly has help rank most of my content on first page. Thank you Sir, and I pray that God will continue to increase you in knowledge, wisdom and understanding in Jesus name.

  7. Hi Matthew, I love how you show us step-by-step how to use the core vitals and what they are! I never understood how to fix them and had to wait for my tech person to help. Iā€™ll be saving this post as it does change often. Thanks so much for sharing with us how to fix our google page experience for our websites.

  8. This post is great, however what do you do when your website does not have enough data and canā€™t show you the Web Core Vitalā€™s scores? For example, there is no FID measurement.

    1. Hi Jason! To be honest with you, thatā€™s not a really good sign. That means that your site doesnā€™t generate enough traffic for Google to give you a complete report. So the question you should be asking is: How to generate/increase traffic? Well, first, you need to make sure that your SEO foundations are taken care of. In other words, you need to make sure that your site is fast, mobile-friendly and optimised. Then, you need to make sure that the keywords you are using to generate traffic and rank your site are matching not only your content but also the user intent. After that, you need to make sure that your content (based on your keywords) is unique and optimised.Then, I suggest you build some high-quality links to boost your well-optimised website. If you do that, youā€™ll see your traffic increasing, and youā€™ll be able to get a complete Google PageSpeed Insights report. In the meantime, you can also try to use the other tools I gave you in the article to check your Core Web Vitals.

  9. This is an eye opener. But my blog runs on blogspot. Thatā€™s the website with a lot of issues on Google vitals. How can I fix it up?

Leave a Reply

Increase Your Search Traffic
In Just 28 Daysā€¦

CLICK HERE TO GET STARTED Iā€™ll show you how step by step

Featured In: