Core Web Vitals: How to Optimize Them for SEO

June 16, 2021 by 23 Comments

Sem &Amp;Amp; Seo Core Web Vitals: How To Optimize Them For Seo

In this tutorial, you’ll learn what core web vitals are, why they’re important and how to optimize them for SEO.

Additional SEO Resources

How to Speed Up Your WordPress Website (Simple Guide) ►

Preloading responsive images ►

Optimize Cumulative Layout Shift ►

Optimize First Input Delay ►

As of mid-June 2021, Core Web Vitals will become a part of Google’s Page Experience ranking signals.

Since it’s fairly new, there is a lot of misinformation and misunderstandings around the topic.

So, what are Core Web Vitals?

Core Web Vitals are made up of 3 metrics that measure specific aspects of pagespeed. And these metrics include visual load, measured by Largest Contentful Paint (LCP), visual stability of your web pages, measured by Cumulative Layout Shift (CLS), and interactivity which is done with First Input Delay (FID).

Like many other Google ranking factors, the Core Web Vitals can’t be looked at independently. They’re a part of Google’s Page Experience ranking signals which also includes things like mobile friendliness, safe browsing, HTTPs, and intrusive interstitials — ie. pop ups.

No one knows exactly how big the impact will be seeing as it’s still very young. Regardless, it’s probably still worth improving your core web vitals because pagespeed improves conversions.

To optimize your site for core web vitals, you need to understand the two main types of data for Core Web Vitals metrics. They are:

► Field data
► Lab test data

Field data includes real user metrics and is generated from the Chrome User Experience Report, also known as CrUX.

Lab test data is data generated by tools. And lab test tools are designed to run tests consistently under the same conditions.

You’ll learn what both these mean in the video.

Before you get started optimizing your site for Core Web Vitals, it’s important that you handle the other basics of Google’s Page Experience signals like mobile friendliness, https, etc.

Once that is done, you’re ready to finally optimize your site for each of the 3 metrics of Core Web Vitals.

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

You’ll learn the recommended thresholds, how to optimize each aspect and how to troubleshoot common issues in the video.


0:00 Intro
1:34 Main types of data for Core Web Metrics
5:04 Largest Contentful Paint
8:41 Optimizing the rendering process for resources
12:13 Cumulative Layout Shift
14:59 First Input Delay

#corewebvitals #googlepageexperience #technicalseo

Be sure to subscribe for more actionable marketing and SEO tutorials.

Ahrefs ►
YouTube ►
Facebook ►
Twitter ►

23 Replies to “Core Web Vitals: How to Optimize Them for SEO”

  1. King Reel says:

    Google search console shows I have 0 good urls. My page speed score on google page speed is like 16. My rankings have dropped in the last couple of weeks so obviously this is now being used as a ranking factor. I lost page 1 positions on several blog posts. Traffic has dropped by about 1000 visitors per month. Was at 5000 now back down to 4000

    1. Ahrefs says:

      Google has announced that the Page Experience update is already rolling out 🙂
      – SQ

  2. Vica Maya says:

    Hi Sam, loving all the videos. Trying to figure out how keyword research works for YouTube in AHrefs. For ex. How did you go about picking the target keyword for this video? When I check AHRefs, it doesn’t show youtube traffic for “web vitals.” Did you use other data to research which keyword to target?

    1. Ahrefs says:

      Firstly, not every topic we create a video on must have “search traffic potential”. Secondly, we’re also SEOs and know that this is an important/upcoming topic for many other SEOs, even if tools don’t reflect search traffic for this topic today.
      – SQ

  3. Haval Marshal says:

    Hey Sam,
    when it comes to mentor,
    is my mentor need to be at the top in that skill, or not too bad and too good, or just a little bit better than me?
    when I don’t have a lot of information and experience in that skill, which of these mentor levels should I get, what is your recommendation for me?
    really appreciate your answer.

    1. Ahrefs says:

      You really just need someone better than you, who can show you what you need to do to get where you want to be 🙂
      – SQ

    2. Haval Marshal says:

      @Ahrefs thank you so much

  4. YOUSPORTS HD says:

    Nice video! ✌️

  5. Lillian Pierson says:

    Thanks for the great tutorial! This will definitely be helpful in my business. 🙂

  6. Vicky says:

    Hello Sam,
    There’s been not a single tutorial video showing how to use Google doubleclick for publishers (Google Admanager) to increase the adsense revenue.

    1. Ahrefs says:

      Thanks for the feedback 🙂
      – SQ

  7. Win4Local says:

    Thanks for the great tutorial.

  8. Roger Marquez says:

    Removing unused CSS it´s a lot harder than you make it to be as a single stylesheet can have thousands of lines of code and, manually clean it up it´s a very time-consuming task.

    Thankfully, WP Rocket version 3.9 (once it´s open for the public) it will have that feature but. for those who can´t afford it removing unused CSS will be a major task.

  9. rajni rani says:

    Hello Friends,
    Before 5-6 days I started facing a problem in which when I index a URL on Google and after some hours it gets removed from google then after a day it gets re-indexed but not visible on any position on Google.
    When I index it the first time the article gets a Great Position and after re-index, it does not get any position.
    Can anyone help me, Please

    1. Ahrefs says:

      Not sure what you mean by “re-index”, but I think it’s pretty common to see Google rank your article first then remove it because it doesn’t fulfill certain things (e.g. search intent).
      – SQ

  10. Ivan Mitic says:

    This is the best explanation I found , short and simple , everything was easier with clear explanation

  11. Denniszen says:

    How does page speed really affect Seo? Many big companies have speed that is even below 20.

    1. Ahrefs says:

      It is a ranking factor.
      – SQ

  12. Kenny Heimbuch says:

    Excellent video! Wonder if FID can be improved by just using persistent object cache?

  13. Jose Popoff says:

    Thank you for this; I’m working on an article on this and want to make it as reader-friendly as possible. This helped a lot.

    Now, on another topic, where do I get that sweater! 😂

    1. Ahrefs says:

      Sweaters are for our employees 🙂
      – SQ

  14. Lokoo Montana says:

    Core Web Vitals doesn’t show any data in search console …

  15. Jamie Rice says:

    Definitely don’t want to lazyload the LCP as shown in the example source, and should ideally preload it from the same domain as the site to avoid an extra DNS lookup. So ideally the CDN is on built-in to the main domain.