Core Web Vitals & Page Experience Update - Your Guide

Peter • March 31, 2021

Core Web Vitals "Page Experience" Ranking Update - Your Guide

 As most SEO Agencies were aware over the past year, Google had a long-awaited plan to update its official page experience ranking factors. An official date of mid June 2021 has been announced for the start of the official rollout of this new core update and Google are estimating it will take two months to complete.


This core update is different! The measurement is taken from CrUX (Chrome User Experience) which is LIVE from real users accessing your website using their mobile phones via the Google Chrome browser, and not Google Bots, and at the end of it gives your site a score.


According to Google, significant weight will be attributed to the new core update, and if your website fails these core factors your website will be significantly impacted in organic SERP (Search Engine Results Page). So below we've set out everything you need to know about core web vitals to enable you to stay on top of Google’s latest update.

Quick Highlights:


  • The rollout starts in mid-June and will take approximately two months to complete the update.
  • Updates are done on a 28-day rolling cycle.
  • Measured using CrUX (Chrome User Experience) data - this is data from real mobile phone users on a Chrome browser.
  • You don't have to be the fastest website; your website just needs to be fast.
  • Key measurements:
  • Largest Content Paint (LCP) 2.5 Sec.
  • First Input Delay (FID)  100 ms
  • Cumulative Layout Shift (CLS) 0.1
  • This is not a Core Algorithm Update that will majorly affect your rankings.

What are core web vitals?


Core Web Vitals are a set of metrics related to speed, responsiveness and visual stability. Google has defined these as the Core Web Vitals:

In essence, this is the fancy term used by Google to name the real-world experience metrics. The term encompasses performance factors such as how quickly a web page loads, how quickly it becomes stable, and how quickly the user can interact with the page. This update is all about speed and user experience compared to previous algorithm updates. 
Another key component of the update is the enhanced user experience per device. Depending on the device being used, what is the experience like in terms of speed and usability? Also known as page experience signals, these are separate from the text and images on the page. For example, mobile-friendliness, HTTPS, and intrusive interstitials (or pop-ups) are relevant factors in this latest update. There is a greater focus on the user experience on the webpage. In other words, Google will see how usable and pleasant it is to use the web page, before moving on to text and images.


How will core web vitals impact ranking?


This core web vitals update will affect all regular search results, including mobile and desktop search results. Also, these are going to be key criteria for Top Stories Carousel and Google News. This means that if two websites ranked for the same content the site that meets the web vitals criteria will be ranked higher.
As some of us already know, AMP (Accelerated Mobile Speed) cache is no longer a requirement, although it was previously the main factor to look out for. However, with the update coming out in June 2021, you should meet the minimum requirement of core web vitals (hopefully) you should be safe.


When will Google rank for core web vitals?


There was much speculation throughout last year (2020) about when this big release might come into effect. Google’s official announcement back in May 2020 was that it would be released sometime in 2021 due to COVID-19, as they pushed it back for six months.
But then, back in November 2020, Google formally announced the update would be rolled out in May 2021 .


However, towards the end of April, Google's Jon Muller then announced that this date has been extended again, starting mid-June and will take two months to fully roll out on a per-page basis.


We also know that once the rollout starts, your website will be monitored on a rolling 28-day period.


Ranking factor change – how big a change is it, and how much do I need to worry?


Google has hundreds of ranking signals, so the impact from changing just one signal, like Core Web Vitals, is not significant. The website is assessed alongside many other ranking factors and this latest update is just one amongst the many. Having said that, if the website is poor in experience metrics, for example, there will be an impact and you will need to get some work done.


Consider the online market environment or industry in which you operate. The more the competition, the severe the impact these changes will likely have on your website. According to Google, 24% of users are less likely to abandon the website for those pages that meet these thresholds in core web vitals. Therefore, it is a crucial factor in increasing traffic and enhancing the user experience.


The important thing to remember here is that this update is NOT a 'Core' update. If you get hit with a 'Core' update, you either gain or lose ranking position.


The secret formula to pass Core Web Vitals criteria


There are a few important ranking criteria you need to master so that your website can rank high with Google’s latest update. Let’s take a look at them one by one.


Largest contentful paint (or LCP)


The Largest Contentful Paint (LCP) is the time it takes a page to load from the perspective of an actual user. In other words, it’s the time from clicking on a link to seeing the majority of the content on-screen.

The page load speed is influenced by the render time, largest image, video, text in the viewport. Features such as videotext can affect how fast does it takes to finish loading.



Other factors like server speed, CSS, Javascript and client-side rendering can all play a part.  Largest Contentful Paint (LCP): measures loading performance. To provide a good user experience, LCP should occur within 2.5 seconds of when the page first starts loading.

First Input Delay (FID)


First Input Delay (FID) measures how quickly a page becomes interactive. FID measures: the time it takes for a user to interact with your page. Here are some examples of interactions a user could take:


  • Choosing an option from a menu
  • Clicking on a link in the site’s navigation
  • Entering your email into a field
  • Opening up “accordion text” on mobile devices


Google considers FID important because it takes into account how real-life users interact with websites.

First Input Delay (FID): measures interactivity. To provide a good user experience, pages should have an FID of less than 100 milliseconds.


Cumulative Layout Shift (CLS)


This is how Google explains CLS: “Have you ever been reading an article online when something suddenly changes on the page? Without warning, the text moves, and you've lost your place. Or even worse: you're about to tap a link or a button, but in the instant before your finger lands—BOOM—the link moves, and you end up clicking something else!”


So basically CLS is how stable a page is as it loads (aka “visual stability”). In other words: if elements on your page move around as the page loads, then you’ve got a high CLS. Which is bad.


Essentially how fast the page becomes stable. For example, we've all experienced frustration on a website where everything seems to have fully loaded ok and when we click a button or field, the layout changes at the last second and we are taken to somewhere else! This is called an unexpected layout shift – resulting in poor user experience (UX) and Google doesn't like poor UX.

An important factor site owners need to watch out for in the layout is when image sizes are not defined. They need to be predefined in HTML to avoid last-minute layout changes on the page.


Cumulative Layout Shift (CLS): measures visual stability. To provide a good user experience, pages should maintain a CLS of less than 0.1.

How do you measure your performance with core web vitals and fix them?
The best place is Google Search Console and there is a tool for
report generation. This will tell you all the problems on your site, and Google has made it very simple in the report on the areas that need attention.


Check the URLs you have on your website, for example. The report categorises them into three stages: poor, needs improvement, and good. If your URLs are poor or need improvement, you need to investigate and fix them.


Every report in the
 Search Console links to Page Speed Insights. This is one of the most important tools for fixing your problems and optimising. There are other tools available on the web to help you fix issues, such as Lighthouse, Chrome DevTools, and the Crux API, which can assist in identifying how your site performs in terms of core web vitals.


These can be somewhat technical and you need to address each of these criteria carefully to make your website perform better in Google search results, so you may need expert help.
Kangaroo UK is an SEO Agency based in Leicester. Should you need technical SEO support, feel free to reach out and talk to our SEO experts.


Tools we recommend using to check for Core Web Vitals



New information is constantly emerging. Naturally, we will continue to keep this post updated. Should you wish to understand the topic in more detail, please follow these reference links below supplied by Google:


Page experience update -
https://goo.gle/3dIxxfq Core Web Vitals & Page Experience FAQs -  https://goo.gle/2QoxV9UThe Almost-Complete Guide to Cumulative Layout Shift - https://goo.gle/3v9o86k

Two people looking at a laptop, pointing at the screen. Office setting, logo in background.
By Paid Ads December 17, 2025
Discover how the KangarooUK team delivers elite marketing power for less cost. Fair dinkum value for SMEs. Call us on 01530 560177 for a chat today!
Two men reviewing a computer screen in an office; one points, smiling.
By Peter Jones November 20, 2025
If you've ever felt the friction in a sales call when the topic turns to price, you're not alone. In the digital agency world, we're not just selling a product; we're selling a complex, high-value service.  How we package that service financially can be the single biggest factor in either building a partnership or hitting a brick wall. There isn't a single, one-size-fits-all approach. The truth is, the "best" model is the one that prioritises the client's immediate needs first, paving the way for a long-term, successful relationship. But this isn't just about how you price your services to your end-client. It's about the very structure of your agency. We see it all the time: talented WordPress agencies who are structured to only handle huge website builds, forcing them to turn away smaller, high-potential clients. We speak with exceptional branding agencies that want to offer a holistic service but find that building and supporting websites distract from their core expertise. This is where rigidity in your business model, not just your sales process, can cost you a perfect-fit client. The "Partnership-First" Approach to Pricing At KangarooUK , we’ve found that true success comes from seeing pricing not as a barrier, but as the first opportunity to build trust. This philosophy operates on two levels: For Direct Clients: Tailoring the payment model to demonstrate we are a partner invested in their success, not just a one-off provider. For Agency Partners: Acting as a specialist partner to help them say "yes" to more opportunities, capturing revenue they would otherwise have to refuse. Let's break down the flexible models that build better relationships on both fronts. Part 1: Flexible Models for Your Direct Clients First, let's examine the client-facing models, even if you plan to outsource the build. Offering these options positions you as a strategic consultant. 1. The Classic: Upfront Project Fees (with a twist) This is the traditional model: the client pays for the website build as a defined project. The Risk: A 100% upfront fee is a deal-breaker for many SMEs with tight cash flow. It can also frame the relationship as purely transactional. The project ends, you hand over the keys, and the partnership struggles to evolve into an ongoing retainer. The Smart-Flex: This is where milestone payments shine. For example, a 50% deposit to secure the project and commence design, with the final 50% balance due just before the new, conversion-driven website goes live. This is a powerful trust-builder. 2. The Relationship-Builder: The 12-Month Split Another highly effective, customer-centric model is splitting the website build cost over 12 months. This model is a game-changer for clients who need to manage their budgets predictably. It transforms a large, daunting capital expense (CAPEX) into a manageable monthly operational expense (OPEX). It’s flexible, predictable, and deeply appreciated by businesses that need to align their outgoings with their revenue. For the agency, it secures a 12-month commitment, naturally opening the door to bundling ongoing marketing retainers. 3. The All-In Partner: "Free" Site + Marketing Retainer This model takes the 12-month split a step further, rolling the entire cost of the build into a 24 or 36-month marketing retainer, presenting the website itself as "free." This is the ultimate low-barrier-to-entry model, powerfully attractive to new businesses. It positions you as a long-term partner from day one and secures predictable, long-term Monthly Recurring Revenue (MRR). Part 2: The Ultimate Flexibility: The Agency-to-Agency Partnership The models above are great, but what if the project itself doesn't align with your agency's needs? What about the client who needs a site, but your minimum project fee is too high? Or the client who needs a fast, scalable site on a platform you don't specialise in? This is where true flexibility wins. Instead of saying "no," you say, "Yes, we can handle that." As the UK’s only Duda Expert & Solution Partner, KangarooUK is built to be this partner for you. We work with clients, agencies, SaaS providers, and trade associations to deliver powerful websites and advanced functionality, allowing you to scale your services without the overhead. Here’s how a partnership model enables you to perform at scale: 1. White-Label Duda Development You can offer our services under your own name. We provide fully White-Label Duda Development in your own environment and brand, enabling you to expand services, clear backlogs, or roll out hundreds of client sites discreetly. With NDAs and silent partnerships, you keep full client ownership while we provide the technical power. This is the perfect solution for branding agencies that want to offer top-tier web design without an in-house development team. 2. Seamless Migrations to a Better Platform Many clients are stuck on slow, insecure, or hard-to-manage platforms like WordPress, Wix, or Mono. A partnership allows you to offer a high-value migration service. We migrate websites to Duda with minimal disruption, whether it's one site or thousands. Every migration is SEO-conscious, ensuring your client keeps their rankings while gaining a faster, safer, and more reliable platform—which you can then manage for them on a retainer. 3. Unlock Enterprise-Grade Tools Our Custom Plan Enablement Platform gives your agency access to Duda’s most powerful features—normally reserved for enterprise plans. You can integrate external datasets, manage an unlimited number of team members, and provide clients with a fully white-labelled environment featuring SSO and API access. This allows you to compete at an enterprise level without the enterprise overhead. 4. Advanced & Custom Solutions on Demand What about the client who needs a custom price calculator, a complex API integration, or even a mobile app? You don't need to build a new department. We handle the heavy lifting. Our team delivers secure, scalable solutions—from custom widgets to database solutions and mobile app builds—that work seamlessly for your client, under your brand. How to Choose the Right Model The secret isn't having a rigid price list. It's using your discovery phase as a diagnostic tool. When you get to the budget conversation, you're not a salesperson; you're a solutions consultant. Ask the right questions: "What's your current budget, and how flexible is it?" "Are there any financial deadlines or fiscal-year considerations we need to be aware of?" "What's more comfortable for your cash flow: a one-off project investment or a predictable monthly cost?" "Are you looking for a long-term partner to help you grow?" And most importantly, ask yourself: "Is this project a perfect fit for my core team, or could I deliver a better, more profitable result for both my client and my agency by using a specialist partner?" The Key Takeaway Being customer-centric and transparent about pricing isn’t just good for clients—it’s essential for agency health. When you tailor your approach, you build immediate trust. But true, sustainable flexibility comes from having the right partners in your corner. It allows you to offer flexible pricing (like the 12-month split) on a platform built for speed and reliability. It allows you to say "yes" to projects your old model would have forced you to refuse. At the end of the day, it’s not about which model is “right” in theory. It’s about which model—and which partner—solves the client’s entire problem.
Stack of coins on top of a financial chart, with a loose coin on the bottom right.
By Peter Jones October 29, 2025
Discover how we achieved explosive growth for our clients during the Prime Big Deal Days 2025.
Screenshot of a performance dashboard showing website clicks, impressions, CTR, and position.
By Devanshi September 26, 2025
In October 2025, Google will update its Google Ads Misrepresentation Policy, specifically targeting dishonest pricing practices.
Show More