Core Web Vitals
Thapreel Alam
September 23, 2021 Core Web Vitals 0 Comment

Core Web Vitals is one of the Google search ranking factors from 2021. It is used to measure page speed and user interaction such as,

  • Largest Contentful Paint – Loading Time.
  • First Input Delay – Interactivity. 
  • Cumulative Layout Shift – Visual Stability.

If you want to check your website core web vitals score, Try the below tools,

5 tools to check Core Web Vitals

  • Lighthouse
  • Web Vitals
  • GT Metrix
  • Google Page Speed
  • Google Search Console

Largest Contentful Paint (LCP)

Largest Contentful Paint (LCP) helps to measure the website loading time. How long it takes to load website elements like images, videos, animations, text, etc., LCP focuses on providing a good user experience to the users and it is one of the important parts of core web vitals. Website loads within 2.5s are considered to be a good LCP score.

Factors that affect your website LCP score

  • Slow server response time – Server takes a long time to respond.
  • Render blocking the JavaScript & CSS
  • Slow Resource Load Times – It takes a long time to load images, videos, animation, and text.

How to improve Largest Contentful Paint (LCP)

  • Reduce server response time – Get a better hosting plan for better performance (Fast server response time)
  • Use CDN – It helps to distribute bandwidth across multiple servers, instead of allowing one server to handle all traffic.
  • Remove unused JavaScript & CSS
  • Set up lazy loading
  • Remove large page element
  • Minify your CSS and JS Files
  • Implement Critical CSS
  • Optimize images
  • Compress text files
  • Use Preload for critical assets
  • Establish third-party connections early

First Input Delay (FID)

First Input Delay (FID) helps to measure the time user takes to interact with the website. It will also help to measure how fast a website browser can provide the result for users. A good score for FID should be less than 100ms.

Factors that affect your website FID score

  • Heavy Javascript file
  • Complex themes, layouts, and 
  • Inefficient style

How to improve First Input Delay (FID)

  • Minimize (or defer) JavaScript
  • Remove any non-critical third-party script
  • Use a browser cache
  • Break up Long Tasks
  • Minify and compress code files
  • Delay or remove non-critical third-party scripts
  • Use web workers
  • Optimize & Reduce CSS

Cumulative Layout Shift (CLS)

Cumulative Layout Shift helps to measure unexpected layout shifts that occur on the webpage. It shows how unexpected layout shifts like ads, pop-ups, and more that affect the page’s visual stability. A good CLS score for your website is 0.1 or less.

Factors that affect your website CLS score

  • Unspecified image sizes
  • Ads
  • Heavy embeds (Inline HTML snippets & iframe embeds)
  • Web fonts

How to Improve Cumulative Layout Shift (CLS)

  • Set aspect ratios for media like video, images, GIFs, infographics, etc.,
  • Add new UI elements below the fold
  • Avoid ads and popups
  • Add width, height attributes for images, videos, and other media elements.
  • Reserve space for ads & iFrames.
  • Optimize font delivery

Wrapping Up

Core web vitals is one of the most important parts to improve the website’s overall user experience and page speed. It is one of the Google ranking factors which help to increase website ranking on the search engine result page(SERP). Always check your website performance and improve the web vitals errors for better user interaction & visibility. If you need help in optimizing your website for better performance, contact our Digital Marketing Agency now!