{"id":7388,"date":"2022-02-20T22:04:35","date_gmt":"2022-02-21T03:04:35","guid":{"rendered":"https:\/\/www.adpushup.com\/?page_id=7388"},"modified":"2022-09-02T01:30:53","modified_gmt":"2022-09-02T05:30:53","slug":"core-web-vitals-a-comprehensive-guide","status":"publish","type":"page","link":"https:\/\/www.adpushup.com\/core-web-vitals-a-comprehensive-guide\/","title":{"rendered":"Core Web Vitals: A Comprehensive Guide"},"content":{"rendered":"
\n\t\n\t\n\t\n\t
\n\t\t\n\t\t
\n
\n

Core Web Vitals<\/strong><\/h1>\n
\n

Core Web Vitals basically quantify the very first impression that the user gets after opening a website. By using these metrics, publishers can check how users are engaging with their sites. <\/span><\/p>\n
\n download guide <\/a>\n <\/div>\n\n

\n \"Alternative\n <\/div>\n<\/div>\n\t<\/div>\n<\/header>\r\n\r\n\r\n

Core web vitals will now form the most important metrics through which Google will assess how a publisher\u2019s website is performing.<\/p>\r\n\r\n\r\n\r\n

User experience<\/a>\u00a0is one of the key aspects for a website to dominate the search engine result pages. Gone are the days when publishers could rank their webpages based on keyword stuffing. With every passing\u00a0Google broad core algorithm update<\/a>, search results are more and more focused on satisfying user intent and experience. Therefore, publishers need to improve the overall performance of their website for ensuring a positive user experience.\u00a0<\/p>\r\n\r\n\r\n\r\n

Google has a variety of tools for measuring the performance of a page. But some publishers may find it daunting to use these effectively due to their technical complexity.\u00a0 In order to make things slightly easier for publishers, developers, and marketers, Google has recently launched a set of performance metrics called\u00a0Web Vitals<\/strong>.\u00a0<\/p>\r\n\r\n\r\n\r\n

Among different Web Vitals are\u00a0Core Web Vitals<\/em><\/strong>, metrics that matter the most. In this comprehensive guide, we are going to talk about Core Web Vitals and their importance, how publishers can improve scores for these metrics, and their future in the ad tech industry.\u00a0<\/p>\r\n\r\n\r\n\r\n

\u00a0<\/div>\r\n\r\n\r\n
\n\t\n\t\n\t\n\t
\n\t\t\n\t\t
\n
\n

What are Core Web Vitals?<\/h1>\n

<\/p>\n <\/div>\n<\/div>\n\t<\/div>\n<\/section>\r\n\r\n\r\n

\u00a0<\/div>\r\n\r\n\r\n\r\n

Core web vitals will now form the most important metrics through which Google will assess how a publisher\u2019s website is performing.<\/p>\r\n\r\n\r\n\r\n

User experience<\/a>\u00a0is one of the key aspects for a website to dominate the search engine result pages. Gone are the days when publishers could rank their webpages based on keyword stuffing. With every passing\u00a0Google broad core algorithm update<\/a>, search results are more and more focused on satisfying user intent and experience. Therefore, publishers need to improve the overall performance of their website for ensuring a positive user experience..<\/p>\r\n\r\n\r\n\r\n

Google has a variety of tools for measuring the performance of a page. But some publishers may find it daunting to use these effectively due to their technical complexity.<\/p>\r\n\r\n\r\n\r\n

In order to make things slightly easier for publishers, developers, and marketers, Google has recently launched a set of performance metrics called\u00a0Web Vitals<\/strong>.<\/p>\r\n\r\n\r\n\r\n

Among different Web Vitals are\u00a0Core Web Vitals<\/em><\/strong>, metrics that matter the most. In this blog, we are going to talk about Core Web Vitals and their importance, how publishers can improve scores for these metrics, and their future in the ad tech industry.<\/p>\r\n\r\n\r\n\r\n

\u00a0<\/div>\r\n\r\n\r\n
\n\t\n\t\n\t\n\t
\n\t\t\n\t\t
\n
\n

Core Web Vitals: Overview<\/h1>\n

<\/p>\n <\/div>\n<\/div>\n\t<\/div>\n<\/section>\r\n\r\n\r\n

\u00a0<\/div>\r\n\r\n\r\n\r\n

After a lot of research, Google has come up with three metrics that are of high priority when it comes to measuring how users interact with a website:\u00a0Loading, Interactivity, and Visual Stability<\/strong>.<\/p>\r\n\r\n\r\n\r\n

The metrics that make up Core Web Vitals are:<\/p>\r\n\r\n\r\n\r\n

1. Largest contentful paint (LCP)- loading<\/p>\r\n\r\n\r\n\r\n

2. First input delay (FID)- interactivity<\/p>\r\n\r\n\r\n\r\n

3. Cumulative layout shift (CLS)- visual stability<\/p>\r\n\r\n\r\n\r\n

As has been already mentioned, these metrics are part of a larger concept named Web Vitals that also focus on measuring user experience.\u00a0<\/p>\r\n\r\n\r\n\r\n

Core Web Vitals basically quantify the very first impression that the user gets after opening a website. By using these metrics, publishers can check how users are engaging with their sites. This benefits publishers because if the user engagement is high, publishers get more opportunities to optimize their ad revenue\u00a0<\/p>\r\n\r\n\r\n\r\n

Let\u2019s take a detailed look at the three Core Web Vitals.<\/p>\r\n\r\n\r\n

\n\t\n\t\n\t\n\t
\n\t\t\n\t\t
\n
\n

Largest Contentful Paint<\/h1>\n

<\/p>\n <\/div>\n<\/div>\n\t<\/div>\n<\/section>\r\n\r\n\r\n

Lighthouse introduced Largest Contentful Paint as one of the core performance metrics in 2020<\/p>\r\n\r\n\r\n\r\n

Later on, Google announced LCP as an important ranking factor and made it a part of Core Web Vitals. As a\u00a0Core Web Vital<\/a>\u00a0metric, LCP accounts for 25% of the Performance Score, which makes it one of the most important metrics to optimize.<\/p>\r\n\r\n\r\n\r\n

In this section, we take a thorough look at Largest Contentful Paint and also learn ways to optimize the best LCP scores:<\/p>\r\n\r\n\r\n\r\n

What is the Largest Contentful Paint?<\/h3>\r\n\r\n\r\n\r\n

 <\/p>\r\n\r\n\r\n\r\n

LCP measures how long it takes for a web page to render the \u2018largest content element\u2019 available on the page. Here, the \u2018largest\u2019 content could be anything including:<\/p>\r\n\r\n\r\n\r\n

A \u201ccontent element\u201d is any HTML element, such as:\u00a0<\/p>\r\n\r\n\r\n\r\n

\u00a0<\/p>\r\n