What are Core Web Vitals?
Core Web Vitals form a subset of three performance metrics that Google is pushing to improve user experiences across the web. They are known as Largest Contentful Paint (LCP), First Input Delay (FID) and Cumulative Layout Shift (CLS) and, as part of Googles Page Experience update , are confirmed ranking factors in search. ABOUT THE AUTHOR Olga Andrienko is Head of Global Marketing at Semrush  One of the greatest signs of the importance of Core Web Vitals is the fact that Google officially announced the part they will play in this summers significant update, which put (or should have put) website owners on high alert and firmly in preparation mode. They arent the only search signals for page experience, but they are the ones to keep an eye on insofar as loading, interactivity and visual stability are concerned for the time being. The driving force behind Core Web Vitals is Googles desire to create better web experiences for users; in other words, it wants to send people to websites they will enjoy using. If a website returns bad Core Web Vitals, it offers a poor user experience and, so, it will be less likely to rank well in the search engine results pages (SERPs). Each metric is concerned with separate aspects of a sites performance, but they are interconnected to ensure a seamless user experience across the board. If one lets it downsay, for instance, a pages content takes over 2.5 seconds to loadthen the users intent is going to be left unfulfilled and they will bounce back to the SERPs to find a better scratch for their itch. Whether a webmaster is familiar with Core Web Vitals or not, there isnt one in the world who would be satisfied with that as an outcome for a single visitor, let alone hundreds or thousands on any given day. Lets face it, load speed (or the lack of it) can be one of the most frustrating things about using some sites on the web. More often than not these days, people are searching and surfing on mobile too, partly because time and convenience are usually of the essence. Thats why Google is pushing LCP as one of its core metrics for measuring site performance. It tracks how long it takes for the largest content element of the visible part of the page to appear to the user. Anything under 2.5 seconds is considered Good, anything between 2.5 and 4 seconds Needs Improvement and anything that takes longer than 4 seconds is deemed Poor. An unsatisfactory score can be triggered by many things, including slow server response time, JavaScript and CSS that blocks rendering, slow loading of resources like images and video files and client-side rendering. Anything that takes up a great deal of space will be a red flag when it comes to what is presented to the user, but these issues can be fixed by optimizing the server, adopting a local image CDN to serve global users faster, caching assets and serving HTML pages cache-first and minifying CSS and JavaScript. The overall responsiveness of a web page is measured by tracking the time it takes for a user to interact with its UI, i.e. the time elapsed before a real user event. Tools like Google Lighthouse and Semrushs Site Audit use a metric called Total Blocking Time (TBT) to measure this, since real user events cant be replicated. Think along the lines of long tasks, long JavaScript execution time, large JavaScript bundles and render-blocking JavaScript for an idea of what can have a detrimental effect on FID. A time of under 100ms will secure a Good score, while anything that takes longer than 300ms will return a Poor rating. Fixes include reducing execution time of JavaScript, implementing lazy-loading, minimizing unused polyfills and monitoring changes with TBT. The third Core Web Vital is concerned with visual stability. Imagine those infuriating ads, pop-ups and banners that get in the way of page content and can disrupt the layout, and youve got a good idea of what triggers poor CLS. Cookie banners and notices, dynamically injected content, images, embeds and iframes without dimensions and web fonts causing flash of invisible text/flash of unstyled text (FOIT/FOUT) are all in the mix as triggers for bad user experiences, too. A score of 0.1 or under is Good and 0.25 or over is Poor. The fixes involve including <width> and <height> size attributes on your images and video elements, defining the space for each asset on your page - think ads, banners, responsive images, videos, etc - and loading content downwards when a user lands on the page. There are many benefits to monitoring and optimizing Core Web Vitals as a website owner, from protecting and improving rankings to elevating user experiences. Frankly, the reality of avoiding or ignoring it is quite simply not worth the risk. Even prior to the rollout of Googles update, which is expected to be complete for all URLs by the end of August, a Semrush study of Core Web Vitals found that pages with Good vital ratings were already performing well in search. Alarmingly, it also flagged that theres still work to be done on many mobile sites, despite Google banging that drum for many years now, as only 16.2% of mobile URLs achieved a Good score on all three Core Web Vitals. Those sites that arent ready for the update risk not only losing rankings, but also customers as a result. Indeed, underestimating the power of search and the delivery of a great user experience is a costly game to play.