What to Expect from Google’s Page Experience Update
Tags: webdev, performance, productivity
Published: 2021-03-04 13:08:10

While the latest [December Core Update](http://uploadcare.com/blog/google-december-core-update/?utm_source=devto&utm_medium=social&utm_campaign=community) favored content and quality, the upcoming changes are all about user experience. Still, that doesn’t mean you have to stop investing in E-A-T and go balls to the wall on web optimization: rankings will depend on your overall strategy rather than one-off tactics.

##What’s Going to Happen?
Google will update its ranking system and re-evaluate websites, so, again, we’ll see ups and downs in SERP and consequent traffic fluctuations. **But** this time, the updated ranking factors will apply to mobile search only.Here are the details.

###1. Page experience signals will become a part of the ranking system
Google defines page experience signals as metrics that “measure how users perceive the experience of interacting with a web page beyond its pure information value.” 

Simply put, it’s a set of metrics that show whether a website provides an enjoyable online experience or not. These signals don’t have anything to do with content quality. They describe how easily the content is consumed.

The Google Mobile search algorithm will rely upon a mix of page experience signals which will include existing ones (mobile-friendliness, safe browsing, HTTPS security, and no intrusive interstitials) and new ones, called [Core Web Vitals](https://web.dev/vitals/#core-web-vitals):
![Core Web Vitals](https://uploadcare.com/blog/wp-content/uploads/2021/01/Get-Your-Ducks-in-a-Row-1.png)

The set of page experience metrics will evolve over time to better describe user experience and its perceived value.

👉 What does it mean for you? Google is building on its [2018 Speed Update](https://developers.google.com/search/blog/2018/01/using-page-speed-in-mobile-search), driven by the ever-growing mobile-first trend. Such incremental movement towards the accelerated web suggests that web performance is truly important. On top of that, though page experience signals are less powerful than those related to content quality, they are more understandable and feasible. If the competition is tough in your niche, it’s high time you grabbed this low-hanging fruit.

###2. No discrimination for non-AMP content
Regardless of the technology behind it, any website will become eligible for the mobile search “Top stories” section. To get featured, you will need to comply with [Google News content policies](https://support.google.com/news/publisher-center/answer/6204050) and have outstanding page experience—nothing more, nothing less.

Since 2016, Google has been prioritizing pages built on the [AMP (accelerated mobile pages) framework](https://amp.dev), as they are more likely to load fast on any device and therefore provide a better user experience. As of May 2021, any website has a chance to get to the top.

It looks like Google is already testing this part of the update, as we can see non-AMP pages featured. But the display formats are not yet standardized:
![Test](https://uploadcare.com/blog/wp-content/uploads/2021/01/Get-Your-Ducks-in-a-Row-2.png)

👉 What does it mean for you? Now there’s no technical excuse for not getting in the top stories section. The featuring system is fairer, so take your page experience to the next level, and there you are!

##3. Google will highlight the best-performing pages in SERP
Google is planning to mark websites that meet all the page experience criteria with a special visual indicator. Together with a snippet or an image preview, it will help users opt for the pages that best fit their request and are easy to navigate. 

This feature is being tested and will be implemented if successful. We haven’t seen any of the new tags so far, but they’ll probably look like the AMP thunderbolt, Ads, Slow, or Mobile friendly indicators already used by Google.

👉 What does it mean for you? By providing a great page experience, your website can get a visual advantage over its SERP competitors, and will probably collect more website visits. Moreover, websites with badges and quality seals always look more trusted, positively influencing conversions as well.

##What Are the Core Web Vitals and How to Fix Them?
Core Web Vitals are field metrics that provide a bird’s-eye view of the online experience you create. They are a part of a broader set of web metrics and were selected by Google as the ones any website should definitely improve.

*Core Web Vitals are a set of real-world, user-centered metrics that quantify key aspects of the user experience. They measure dimensions of web usability such as load time, interactivity, and the stability of content as it loads (so you don’t accidentally tap that button when it shifts under your finger – how annoying!). – Google*

Here are the metrics behind the Core Web Vitals and their respective thresholds:
![Metrics](https://uploadcare.com/blog/wp-content/uploads/2021/01/Get-Your-Ducks-in-a-Row-3.png)

For each metric, Google will evaluate the 75th percentile of page loads, mobile and desktop devices combined. This way, the search engine makes sure that you hit the recommended target for most of your users.

###Largest Contentful Paint (LCP) 
This metric measures loading performance and shows how quickly the primary content of a web page becomes visible. 

LCP was introduced in response to imperfections with the [First Contentful Paint](http://uploadcare.com/blog/what-is-first-contentful-paint-and-how-to-improve-it/?utm_source=devto&utm_medium=social&utm_campaign=community) and [First Meaningful Paint](https://web.dev/first-meaningful-paint/) metrics: Google was struggling to come up with the most accurate metric to describe the moment users find what they are looking for. 

LCP assumes that the largest element above the fold is the most important and reports how much time it takes to render it. Judging by the given thresholds, it should happen within the **first 2.5 seconds**.
![Example](https://uploadcare.com/blog/wp-content/uploads/2021/01/Get-Your-Ducks-in-a-Row-5-1024x438.png) 

Here are some possible reasons for poor LCP: slow server response times, render-blocking JavaScript and CSS, slow resource load times, and client-side rendering issues.

👉 Tips from Google to decrease LCP:
- Start by checking out the LCP audit report in Google Lighthouse to see what’s identified as the LCP on your page.
- If these are hero images, optimize them. Use compression and responsiveness, convert them to modern formats like WebP, implement lazy loading techniques, or adopt an image CDN. 
- Get rid of any non-critical JavaScript and CSS.
- Check your server response times in Lighthouse. If they’re below the benchmark, troubleshoot possible issues on the backend, optimize DNS and preconnects, and review and set up your loading priority (for example, use HTTP/2 Server Push).

Google web.dev resources:
- [More about LCP and how it is measured](https://web.dev/lcp/)
- [Fast load times: Techniques for improving site performance](https://web.dev/fast/)
- [More LCP optimization tips](https://web.dev/optimize-lcp/)

###First Input Delay (FID)
FID measures interactivity, or the time between the first interaction with a page and the moment a browser responds to that interaction. In other words, it reports how soon a browser can process a request. **Less than 100 ms** is the value you should shoot for.

Poor FID can be caused by long tasks and long JavaScript execution time, large JavaScript bundles, and/or render-blocking JavaScript.

👉 Tips from Google to avoid FID: 
- Use LightHouse and dev tools to see the areas with long tasks and/or heavy script execution.
- Break up the work and serve what the user needs first. Look for opportunities to minimize main thread work as much as possible. Shift a part of the work to a web worker.

Google web.dev resources:
- [More about FID and how it is measured](https://web.dev/fid/)
- [More FID optimization tips](https://web.dev/optimize-fid/)

###Cumulative Layout Shift (CLS)
This measures layout stability, which is one of the core elements of a smooth page experience. 

Components without dimensions (images, ads, embeds, and iframes), dynamically injected content, or web fonts causing FOIT/FOUT — these all can be a reason why a user sees small but jarring layout shifts that spoil the overall experience. To meet the requirements and provide a great page experience, your CLS should be **less than 0.1**.

👉 Tips from Google to avoid CLS: 
- Always include width and height attributes on your responsive images or video elements.
- Reserve enough space for dynamic content (ads or promos).
- Avoid inserting new content above existing content, unless in response to an interaction.

Google web.dev resources:
- [More about CLS and how it is measured](https://web.dev/cls/)
- [More CLS optimization tips](https://web.dev/optimize-cls/)

##What Else Can You Do to Keep Your Rankings?
According to [Screamingfrog](https://www.screamingfrog.co.uk/passing-the-cwv-assessment/), who assessed 20,000 URLs against the Core Web Vitals thresholds in 2020, only 12% of mobile and 13% of desktop results meet the requirements and are good in all three metrics. Here’s the breakdown:
![Breakdown](https://uploadcare.com/blog/wp-content/uploads/2021/01/Get-Your-Ducks-in-a-Row-4-1-1024x636.png)

Though the sample taken in this study is small, it outlines the trend, drawing us to the conclusion that there is much work ahead. Here are some additional strategical suggestions from Uploadcare experts, so you don’t tank your rankings and lose traffic:

💡 Make the most out of the dev tools and Google Lighthouse, even if you aren’t a developer. Google has made CWVs prominent across all of its tools and tried to make measurement understandable for any website owner. While Search Console’s CWV report can help you identify opportunities, Google Lighthouse and PageSpeed Insights will help you iterate.

💡Consider using AMP, as it was built to meet all the requirements. Google claims that AMP is “one of the easiest and most cost-effective ways for publishers looking to achieve great page experience outcomes,” and the majority of the AMP pages achieve great page experiences.

💡 Don’t put all your eggs in one basket. Continue investing in E-A-T content. A website with valuable content will still rank higher, even if its page experience is not up to par.

##Any doubts or questions?