Page Experience & Core Web Vitals Rolling out on Desktop Search February of 2022

by Brian Rideout • November 05, 2021

Google just announced that Page Experience Ranking on desktop searches will be rolling out in February of 2022. This means that your website performance as determined by their Core Web Vitals metrics will have an impact on your search rankings. Mobile searches have already been affected starting as early as June and completing in August of 2021.

Core Web Vitals & Page Experience

Lots of big fancy words, but what does it mean for a business owner and their website?

The simple answer is "the experience" a site visitor receives when they go to your website, will determine, at least in part, how well you rank in Google's search results. Now let's define "experience".

Core Web Vitals is broken down into 3 parts, LCP, FID, and CLS. Those acronyms are defined below. The experience also includes whether or not the site uses an SSL certificate to provide HTTPS security, and whether or not you have "intrusive interstitials", read that as annoying pop-ups on the page. Let's take each of these components one by one.

LCP - Largest Contentful Paint

LCP is the point in time that an user sees the main part of the page, at least that which is "above the scroll", is loaded and a site visitor can see what the site looks like and the content is displayed. Site visitors make an opinion at this time of "Am I at the right website?", "Does this site have the information I'm looking for?" or "Does this site answer my question?". The sooner an user can make that determination, the happier they are going to be with the site experience.

Google, at least at this time, ranks a website that achieves LCP within 2.5 seconds as Good, less than 4 seconds as Needing Improvement, and longer than 4 seconds as Poor as the image below shows.
LCP - Largest Contentful Paint Good, Needs Improvement, Poor Rankings
Obviously our goal always needs to be having a page at least look as if it's fully loaded within that 2.5 seconds time frame. A site achieving LCP even quicker is a plus, and achieves "Great Website" status in our book. As an example, this website achieved an LCP score of 1.3 seconds using GTmetrix tools for measurement. A very useful site for performance testing if you haven't used it before. 1.2 seconds, half the time Google allows for a Good LCP ranking.

FID - First Input Delay

FID measures how long after an user clicks on a link or on mobile, taps a button that the site starts responding to that request. Like LCP, faster is better and rather than measuring FID in seconds, it's measured in milliseconds. A millisecond is 1,000 th of a second so the numbers of 100 ms (milliseconds) below amount to just 1/10th of a second to achieve a score of "Good". Nobody likes to visit a website and click a link or tap on our phone and have nothing happen, or for it to take seemingly "forever" to happen.  By the way, forever is defined differently I've found for Generation Z or millennials vs boomers ;-) . Here's Google's FID scoring...
FID - First Input Delay Good, Needs Improvement, Poor Scoring

CLS - Cumulative Layout Shift

CLS is best equated to hitting a moving target. If while interacting with a website you want to click on a link or button, or perhaps make a choice on a form, and right before you click the page moves underneath your cursor, it's annoying as hell. That's why Google includes this metric in their page performance and Core Web Vitals metrics. Having a page load and stay put ready for interaction is important. Unlike the other metrics, it's not based on speed, but instead based on the distance objects move and their impact on the display. Again, like the other metrics, smaller is better, i.e. smaller CLS numbers get better scores as the image below shows.
CLS - Cumulative Layout Shift measurements for Good, Needs Improvement, and Poor
In BANG!'s latest designs we've moved away from slideshow or slider presentations on the homepage because of Google and users concern over shifting layouts. With "heavy" slideshow images it was not uncommon to see content below the slideshow initially appear higher on the page, only to have the slider image push that content lower on the page when the image loads. Consequently we now typically avoid sliders and instead load one strong background image which has led to CLS scores of 0.

HTTPS Security

Using an SSL certificate and loading all content over HTTPS vs HTTP isn't a new concern. Google really encouraged everyone to go to HTTPS years ago and their Chrome Browser has for years visually warned people if they were visiting a website using HTTP rather than HTTPS as the image below shows.

Not Secure Warning in Browser URL Bar 

If you aren't using an SSL certificate and renewing it regularly, it sends a pretty poor message to your site visitors.

Absence of intrusive interstitials / Pop-ups

Who loves pop-ups on your screen... raise your hand? Thought so. Almost as annoying as the old blinking text back in the early days of the web, pop-ups are loved by marketers and pretty much universally hated by website visitors everywhere. They have their place and I've got a few client's who insist we use them but in general we avoid them like the plague. You'll note i have no example for this metric... I really don't think anyone doesn't know what a pop-up is.

Now Google has given us lowly web designers a little more ammunition in our fight with client's about removing those annoying messages that show unexpectedly on your screen.

Wrapping Up Page Experience and Core Web Vitals Discussion

It was interesting as I chose what category to post this in as it honestly affects both the way we design a website and SEO because the design affects the search rankings. So, it's listed in both categories. I hope this has been a helpful article to help you understand the changes Google is making to how they rank a website for a given keyword phrase and what you can do to have a positive impact on it.

Remember, these metrics are already at work on mobile searches. Desktop searches affected by page experience start in February of 2022, giving you time, if you start now, to improve your Core Vital Scores and improve your search rankings.


About the Author

Brian Rideout, Chief Pixel Pusher of BANG! Web Site Design is an industry veteran (sounds better than old guy right?) who started building websites in 1996 when dial-up, modems, Netscape and 640 x 480 resolution monitors with 256 colors were state of the art. We very quickly adopted ColdFusion as our application server and developed CMS (Content Management Systems) powered sites for our clients so they could update their own websites easily without having to pay a web designer to do so.

We stumbled into SEO by "accident" when we got a client ranked #2 on Yahoo (remember this was the 90's) for an extremely competitive keyword phrase and they sold out of all the product they had. With a little reverse engineering we learned what Yahoo was looking for and applied our new found SEO experience to other clients and then to Google... which was a tougher nut to crack by the way.

Times changed, Google became the dominant search engine, Adobe bought ColdFusion and we switched to Lucee for our application server which is an open source CFML language server, and we continued to build websites for small business's in the Phoenix market. Brian's approach of SEO 1st Design has resulted in many businesses, particularly in the building trades such as contractors and plumbers, as well as law firms, to rank at the top of Google's results which keeps our customers happy, healthy, and profitable (you thought I was going to say wise didn't you?).

We continue to provide website design, website development, hosting, SEO services and digital marketing for Phoenix companies. More information about the company can be found on our About Us page. Click the following link for examples of our award winning website design work.

Recent Blog Posts

SEO For Lead Generation

Search engine optimization (SEO) and lead generation go hand-in-hand with creating an effective internet marketing plan to grow your business.

Effective SEO will help bring prospects searching for your product or service to your company's website.

Questions To Ask When Hiring A Web Designer

A list of questions to ask a web designer before hiring them. Because asking the right questions of a potential web designer or web design company BEFORE you hire them can save you a lot of frustration and headaches in the months and years to come.

Website Design Launches 2022

New website design projects from the 1st half of 2022.

Sites include...

Tri-Power Recycling
Palm Springs & Pacific Coast Palate
The Law Office of Laura Gillis &
Wana RV Center