{"id":256355,"date":"2023-06-26T11:57:00","date_gmt":"2023-06-26T11:57:00","guid":{"rendered":"https:\/\/www.artera.net\/uncategorized\/core-web-vitals-the-complete-guide-to-seo\/"},"modified":"2026-08-18T23:02:03","modified_gmt":"2026-08-18T22:02:03","slug":"core-web-vitals-the-complete-guide-to-seo","status":"publish","type":"post","link":"https:\/\/www.artera.net\/en\/development\/core-web-vitals-the-complete-guide-to-seo\/","title":{"rendered":"Core Web Vitals: The Complete Guide to SEO"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">From the second half of June 2012, Google began to consider the performance of a website as a ranking factor.\u00a0<\/p>\n\n<p class=\"wp-block-paragraph\">The metrics used to establish this performance are the <strong><em>Core Web Vitals<\/em><\/strong><em> (essential signals) metrics, which <\/em>include three key metrics: <em>Largest Contentful Paint <\/em>(LCP), <em>First Input Delay<\/em> (FID), and <em>Cumulative Layout Shift<\/em> (CLS).<\/p>\n\n<p class=\"wp-block-paragraph\">In this guide, let\u2019s see what these metrics are introduced by Google to improve user experience in terms of page load speed, responsiveness and visual stability, and how they affect SEO.\u00a0\u00a0<\/p>\n\n<p class=\"wp-block-paragraph\">But above all we see how we can optimize a site by solving the problems related to these three metrics, thus improving the user experience, search engine ranking, traffic to your site.<\/p>\n\n<h2 class=\"wp-block-heading\">Core Web Vitals &#8211; User Experience Signals (UX)<\/h2>\n\n<p class=\"wp-block-paragraph\">The Core Web Vitals are part of a package of updates, the <strong><em>Page Experience Update<\/em><\/strong><em>,<\/em> and are essential <strong>quality signals<\/strong> for measuring the user experience on the Web, that is, the usability and quality of a Web page. <\/p>\n\n<p class=\"wp-block-paragraph\">These are metrics that measure how well a website behaves in terms of user experience, particularly regarding page load speed, responsiveness, or interactivity, and visual stability.<\/p>\n\n<p class=\"wp-block-paragraph\">But it\u2019s not just about speed. These signals measure a set of factors that contribute to the way a page is experienced by a user navigating from a certain device, with a particular connection, from a specific location.<\/p>\n\n<p class=\"wp-block-paragraph\">A good experience for someone, it may not be for others. The Core Web Vitals examine the set of user visits and the thresholds are evaluated at 75<\/p>\n\n<p class=\"wp-block-paragraph\">percentile of all users.\u00a0<\/p>\n\n<h3 class=\"wp-block-heading\">The signals of the Page Experience Update<\/h3>\n\n<p class=\"wp-block-paragraph\">Part of this major update:<\/p>\n\n<ul class=\"wp-block-list\">\n<li><em>Core Web Vitals<\/em><\/li>\n\n\n\n<li><em>Mobile Friendly<\/em><\/li>\n\n\n\n<li><em>Safe Browsing<\/em><\/li>\n\n\n\n<li><em>HTTPS<\/em><\/li>\n\n\n\n<li><em>No Intrusive Interstitials.<\/em><\/li>\n<\/ul>\n\n<h3 class=\"wp-block-heading\">What are the Core Web Vitals<\/h3>\n\n<p class=\"wp-block-paragraph\">When we write this guide, the Core Web Vitals are these 3:<\/p>\n\n<ul class=\"wp-block-list\">\n<li><em>Largest Contentful Paint (LCP) &#8211; Loading Experience<\/em>.<\/li>\n\n\n\n<li><em>First Input Delay (FID) &#8211; Speed of Interaction Response<\/em>.<\/li>\n\n\n\n<li><em>Cumulative Layout Shift (CLS) &#8211; Visual stability of content.<\/em><\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\"><strong>Let&#8217;s see them in detail.<\/strong><\/p>\n\n<h3 class=\"wp-block-heading\">LCP \u2013 Largest Contentful Paint<\/h3>\n\n<p class=\"wp-block-paragraph\">The LCP metric measures the time it takes the <strong>main content<\/strong> of a page, the largest element, to download and be ready to interact. <\/p>\n\n<p class=\"wp-block-paragraph\">Certain elements are <strong>measured<\/strong> such as the largest image or context block within the user&#8217;s viewport, images, background images, videos, block-level text elements, such as paragraph tags.<\/p>\n\n<p class=\"wp-block-paragraph\">The block-level elements used for calculating Largest Contentful Paint\u2019s score can be &lt;main&gt; and &lt;section&gt; elements, as well as heading, div, form elements.<\/p>\n\n<p class=\"wp-block-paragraph\">According to Google, the <strong>ideal value<\/strong> is around 2.5 seconds. Beyond 4 seconds, the user experience becomes &#8220;poor.&#8221; <\/p>\n\n<p class=\"wp-block-paragraph\"><strong>The largest elements of a page are the heaviest content, namely:<\/strong>.<\/p>\n\n<ul class=\"wp-block-list\">\n<li>video images and thumbnails<\/li>\n\n\n\n<li>elements with images loaded in the background (with the property of &#8220;background image&#8221;)<\/li>\n\n\n\n<li>text element containers: heading and paragraph elements (H1, H2, p).<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\"><strong>Of the causes of the slowdown of the largest element:<\/strong>.<\/p>\n\n<ul class=\"wp-block-list\">\n<li>the <strong>server<\/strong> responding slowly &#8211; <em>Time To First Byte<\/em> (TTFB) (it is perhaps the case of an upgrade or hosting change).<\/li>\n\n\n\n<li><strong>&#8220;View Blocking Resources&#8221;<\/strong>: style sheets and scripts that are loaded into the browser window before the HTML, content, blocking initial rendering of the page begins.<\/li>\n\n\n\n<li><strong>Images that are not optimized<\/strong> or published in outdated formats such as JPEG or PNG or in GIF that can significantly lengthen page loading times. <\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\"><strong>In summary, among the causes of poor LCP<\/strong> are.<\/p>\n\n<p class=\"wp-block-paragraph\">1. Slow response times of the server<\/p>\n\n<p class=\"wp-block-paragraph\">2. Blocking the rendering of JavaScript and CSS<\/p>\n\n<p class=\"wp-block-paragraph\">3. Loading time of resources<\/p>\n\n<p class=\"wp-block-paragraph\">4. Client-side rendering.<\/p>\n\n<h3 class=\"wp-block-heading\">LCP \u2013 Come risolvere<\/h3>\n\n<p class=\"wp-block-paragraph\">As mentioned, it is good to consider an upgrade or change of provider if the problem depends on the server. <\/p>\n\n<ol class=\"wp-block-list\">\n<li>As for <strong>blocking resources<\/strong>, this can be remedied by letting the most important resources, those that are used to structure the page, such as style sheets, scripts, fonts, preload by inserting the <strong><strong>rel=&#8221;preload&#8221; <\/strong> attribute on the &lt;link&gt; tag in the HTML document.<\/strong><\/li>\n<\/ol>\n\n<p class=\"wp-block-paragraph\"><strong>Example: &lt;link rel=\u201dpreload\u201d as \u201cstyle\u201d href=css\/style.css\u201d&gt;<\/strong><\/p>\n\n<p class=\"wp-block-paragraph\">Basically, the <strong>preload tells<\/strong> the browser that a resource must be loaded before page rendering begins.<\/p>\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>Anything that needs to be anticipated in the first screen <strong>(above the fold)<\/strong>, because it serves the rendering of the page, can be <strong>inserted inline<\/strong>, in the HTML document of the page, and not linked externally.<br\/><\/li>\n\n\n\n<li>In contrast, everything <strong>what is not important<\/strong> for rendering the first screen can be deferred and <strong>loaded asynchronously<\/strong> (loaded independently of all other resources on the page).<\/li>\n<\/ol>\n\n<p class=\"wp-block-paragraph\"><strong>Example: &lt;link rel=\u201dasync\u201d as= \u201cscript\u201d href=\u201djs\/morescript.js\u201d&gt;<\/strong><\/p>\n\n<ol class=\"wp-block-list\" start=\"4\">\n<li><strong>Minify style sheets and scripts <\/strong>with elimination of blanks, comments, and indents in the code.<br\/><\/li>\n\n\n\n<li><strong>Optimize images and other media<\/strong>: As for images, you should compress them with a good compression rate; resize; use appropriate formats such as WebP, JPG or SVG (vector); defer loading images that are off the first screen (<em>Lazy Load<\/em>). <\/li>\n<\/ol>\n\n<p class=\"wp-block-paragraph\"><em>Scalable Vector Graphics<\/em> (SVG) are a lightweight image format that can be scaled without loss of quality. They are ideal for logos, icons and simple graphics. <\/p>\n\n<p class=\"wp-block-paragraph\">The use of SVG can significantly reduce website load time and improve Vitals Web Cores.<\/p>\n\n<p class=\"wp-block-paragraph\"><strong>Lazy Load<\/strong> means deferred loading of images and videos until they are needed. On WordPress you can implement this feature with several plugins.<\/p>\n\n<p class=\"wp-block-paragraph\"><strong>If the cause is a slow response time of the server:<\/strong><\/p>\n\n<ul class=\"wp-block-list\">\n<li>Optimize the server<\/li>\n\n\n\n<li>Adopt a CDN &#8211; (Content Delivery Network) is a network of geographically distributed servers that provides digital content, such as web pages, images, videos and files<\/li>\n\n\n\n<li>Use the Cache.<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\"><strong>If the cause is blocking the rendering of JavaScript and CSS:<\/strong>.<\/p>\n\n<ul class=\"wp-block-list\">\n<li>Minimising CSS<\/li>\n\n\n\n<li>Deferring CSS (non-critical)<\/li>\n\n\n\n<li>Inline of CSS\u00a0<\/li>\n\n\n\n<li>Minimize and compress JavaScript files<\/li>\n\n\n\n<li>Return the unused JavaScript.<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\"><strong>Other interventions:<\/strong>.<\/p>\n\n<ul class=\"wp-block-list\">\n<li>Optimize and compress your images<\/li>\n\n\n\n<li>Preloading the important resources<\/li>\n\n\n\n<li>Compress the text files<\/li>\n\n\n\n<li>Provide different resources based on network connection (adaptive service)<\/li>\n\n\n\n<li>Cache resources using a service worker.<\/li>\n<\/ul>\n\n<h3 class=\"wp-block-heading\">FID \u2013 First Input Delay\u00a0<\/h3>\n\n<p class=\"wp-block-paragraph\">This metric measures the time between the first interaction of the user on the page (eg: click on a button) and the response provided by the browser.<\/p>\n\n<p class=\"wp-block-paragraph\"><strong>The goal of FID<\/strong> is to measure the responsiveness of a site during loading.<\/p>\n\n<p class=\"wp-block-paragraph\">An ideal <strong>FID<\/strong> should equal less than 100 milliseconds. <\/p>\n\n<p class=\"wp-block-paragraph\"><strong>What is meant by first interaction? <\/strong><\/p>\n\n<p class=\"wp-block-paragraph\">The first interaction is the one that <strong>occurs before the page<\/strong> loads completely. <\/p>\n\n<p class=\"wp-block-paragraph\">By <strong>interaction<\/strong> is meant direct interaction, such as <\/p>\n\n<ul class=\"wp-block-list\">\n<li>click on a button or link\u00a0<\/li>\n\n\n\n<li>the areas of text insertion<\/li>\n\n\n\n<li>the dropdown and checkboxes\u00a0<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\">Scrolling (scrolling) and zooming (page enlargement or element enlargement) are not considered interactions.<\/p>\n\n<p class=\"wp-block-paragraph\"><strong>What can excessive response time compared to interaction depend on?<\/strong>.<\/p>\n\n<ol class=\"wp-block-list\">\n<li><strong>Presence of third-party code<\/strong> all scripts loaded from a domain other than the page&#8217;s domain, i.e. third-party scripts: Google, Facebook, Iubenda, etc. Examples are tracking scripts, Google Tag Manager, cookie consent banners, etc.<br\/><\/li>\n\n\n\n<li><strong>non-optimized<\/strong> and redundantScript, a characteristic of CMSs such as WordPress, where Javascript packages are reloaded multiple times.<br\/><\/li>\n\n\n\n<li><strong>Excessive number of external resources<\/strong> to the page to load, in case for example there are several style sheets or javascripts. <\/li>\n<\/ol>\n\n<h3 class=\"wp-block-heading\">FID &#8211; How to fix<\/h3>\n\n<ol class=\"wp-block-list\">\n<li>Reduce the impact of third-party code<br\/><\/li>\n\n\n\n<li>Reduce script execution time by eliminating everything you don\u2019t need and minimizing code.\u00a0<\/li>\n<\/ol>\n\n<ol class=\"wp-block-list\" start=\"3\">\n<li>Move the code of the heavier scripts to a Web Worker, to another javascript block that will run in the background and in parallel with the scripts that manage the user interface.<\/li>\n<\/ol>\n\n<h2 class=\"wp-block-heading\">CLS \u2013 Cumulative Layout Shift<\/h2>\n\n<p class=\"wp-block-paragraph\">The CLS metric indicates how stable or unstable the layout of a page is; how the elements inside it move.<\/p>\n\n<p class=\"wp-block-paragraph\">The CLS refers to the unexpected move of elements of the web page while the page is still being downloaded.\u00a0<\/p>\n\n<p class=\"wp-block-paragraph\">The elements that tend to move are fonts, images, videos, contact forms, buttons and other types of content.<\/p>\n\n<p class=\"wp-block-paragraph\">Minimizing CLS is important because moving pages can cause a bad user experience.<\/p>\n\n<p class=\"wp-block-paragraph\"><strong>An ideal CLS should be 0.1<\/strong> or less. <\/p>\n\n<p class=\"wp-block-paragraph\">Thus, in this case, the <strong>value is decimal or percentage<\/strong> (measured in terms of percentage occupancy of the visual area).<\/p>\n\n<p class=\"wp-block-paragraph\">Shifting occurs when, for example, when the page loads we see <strong>an element at the top go down<\/strong>. <\/p>\n\n<p class=\"wp-block-paragraph\">The difference between the two positions determines shift and displacement. The more elements move, the higher the metric rises.\u00a0<\/p>\n\n<h3 class=\"wp-block-heading\">CLS &#8211; How to intervene<\/h3>\n\n<p class=\"wp-block-paragraph\">Typically, problems with this metric have to do with the <strong>size of heavy elements<\/strong> found on the page, images or videos in iframes, taken from youtube or vimeo. <\/p>\n\n<p class=\"wp-block-paragraph\"><strong>In detail, with these factors:<\/strong>.<\/p>\n\n<ul class=\"wp-block-list\">\n<li>Images without dimensions<\/li>\n\n\n\n<li>Ads, embeds and iframes without dimensions<\/li>\n\n\n\n<li>dynamic content<\/li>\n\n\n\n<li>Font Web\u00a0<\/li>\n\n\n\n<li>Actions that await a response from the network before updating the DOM&#8221;.<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\">The <strong>solution <\/strong>is to declare the height and width dimensions of images and video elements in the HTML or use a CSS rule that reserves a space for these elements.<\/p>\n\n<p class=\"wp-block-paragraph\">As for <strong>responsive images<\/strong>, however, it is good to make sure that different image sizes for different viewports use the same aspect ratio. <\/p>\n\n<p class=\"wp-block-paragraph\"><strong>Two ways to indicate size:<\/strong>.<\/p>\n\n<p class=\"wp-block-paragraph\"><strong>&lt;img src=\u201dpippo.jpg\u201d width=\u201d850\u201d height=\u201d520\u201d alt=\u201dPippo\u201d \/&gt;<\/strong><\/p>\n\n<p class=\"wp-block-paragraph\"><strong>img {aspect-ratio: attr(width) \/ attr(height); }<\/strong><\/p>\n\n<p class=\"wp-block-paragraph\">In this way we fix the precise proportions of the elements.\u00a0<\/p>\n\n<h4 class=\"wp-block-heading\">CLS and dynamic content<\/h4>\n\n<p class=\"wp-block-paragraph\"><strong>Another caution<\/strong> is to avoid placing dynamic content (banners, CTAs, embedded objects such as YouTube videos, Tweets, etc.) within an already defined layout. This content can be uploaded in a prepared space. <\/p>\n\n<h4 class=\"wp-block-heading\">CLS e Web Fonts<\/h4>\n\n<p class=\"wp-block-paragraph\">Also <strong>Web Fonts<\/strong>,<strong> <\/strong>like Google Fonts<strong> <\/strong>(or other third-party fonts),<strong> <\/strong>cause problems<strong> <\/strong>with respect to CLS metrics, which we can solve, however, by using preloading, with the <strong>rel=&#8221;preload&#8221;<\/strong>, and <strong>the font-display<\/strong> style attribute with <strong>optional<\/strong> value.<\/p>\n\n<p class=\"wp-block-paragraph\">One way to prevent this from happening is to use rel=&#8221;preload&#8221; in the link to download the web font.<\/p>\n\n<h2 class=\"wp-block-heading\">How to measure Core Web Vitals?<\/h2>\n\n<p class=\"wp-block-paragraph\">There are several tools with which to measure Core Web Vitals.<\/p>\n\n<h3 class=\"wp-block-heading\">Search Console<\/h3>\n\n<p class=\"wp-block-paragraph\">The <strong>Report Core Web Vitals<\/strong> is available in Search Console, within the area dedicated to Page Experience Update. <\/p>\n\n<p class=\"wp-block-paragraph\">The report helps <strong>evaluate site pages<\/strong> &#8211; both desktop and mobile side, and identify those that need attention based on actual data. <\/p>\n\n<h3 class=\"wp-block-heading\">PageSpeed Insights<\/h3>\n\n<p class=\"wp-block-paragraph\">PageSpeed Insights has been updated to integrate Lighthouse 6.0, which makes it capable of measuring Core Web Vitals and notifying areas for action. Read the <a href=\"https:\/\/www.artera.net\/en\/hosting\/speed-test-of-a-website-how-to-read-pagespeed-data\/\">guide on how to read PageSpeed data.<\/a><\/p>\n\n<h3 class=\"wp-block-heading\">Lighthouse<\/h3>\n\n<p class=\"wp-block-paragraph\">With Lighthouse you can do further checks on the Core Web Vitals &#8211; LCP and CLS, and on the metric &#8211; Total Blocking Time (TBT), linked to the First Input Delay.<\/p>\n\n<p class=\"wp-block-paragraph\"><strong>Please note: <\/strong>the Search Console report shows page performance based on real usage data from the CrUX report, it is based on real data <strong>(Field Data),<\/strong> whereas the Lighthouse data is based on simulated users, simulated devices, and simulated Internet connections. That is, it shows data based on so-called &#8220;lab data&#8221; <strong>(Lab Data)<\/strong>, which is useful for debugging performance issues during website development but may not capture real-world bottlenecks. <\/p>\n\n<h3 class=\"wp-block-heading\">Web Page Test<\/h3>\n\n<p class=\"wp-block-paragraph\">It\u2019s another tool you can use to get more technical data. The simulation integrates settings for location, browser and connection type.<\/p>\n\n<p class=\"wp-block-paragraph\"><strong>H3 Chrome DevTools<\/strong><\/p>\n\n<p class=\"wp-block-paragraph\">Chrome devtools helps you find and troubleshoot visual page instability issues that can help shift the cumulative layout (CLS).<\/p>\n\n<p class=\"wp-block-paragraph\">The tool allows you to select a layout move to view its details in the <strong>Summary<\/strong> tab.<\/p>\n\n<p class=\"wp-block-paragraph\">To see where the move occurs, you can hover over &#8220;Move from&#8221; and &#8220;Move to&#8221;. Chrome devtools also measures Total Block Time (TBT), useful for improving the First Input Delay (FID).<\/p>\n\n<h3 class=\"wp-block-heading\">Chrome UX Report (CrUX)<\/h3>\n\n<p class=\"wp-block-paragraph\">This report is a public set of real data on user experience across millions of websites. The <a href=\"https:\/\/developer.chrome.com\/docs\/crux\/\">report <\/a>Chrome UX reports real data. <\/p>\n\n<h3 class=\"wp-block-heading\">Web Extension Vitals<\/h3>\n\n<p class=\"wp-block-paragraph\">The extension can be installed from the Chrome Web Store and <strong>measures in real time<\/strong> the three Core Web Vitals metrics.<\/p>\n\n<p class=\"wp-block-paragraph\">You can download and install the extension at this <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/web-vitals\/ahfhijdlegdabablpippeagghigmibma?hl=en\">page<\/a>.<\/p>\n\n<h3 class=\"wp-block-heading\">Conclusion, waiting for Google changes<\/h3>\n\n<p class=\"wp-block-paragraph\">Google is continually improving its understanding of user experience by updating Core Web Vitals and other metrics, because Core Web Vitals are not the only user experience metrics to focus on. There are others (<strong>Web Vitals<\/strong>, which are not &#8220;Core,&#8221; i.e., not essential) that need to be taken into account in the totality of the site. <\/p>\n\n<p class=\"wp-block-paragraph\">Recently, at Google I\/O, Annie Sullivan and Michal Mocny presented a <strong>new metric called INP or <\/strong><strong><em>Interaction to Next Paint<\/em><\/strong><em>,<\/em> which is scheduled to enter in March 2024.<\/p>\n\n<p class=\"wp-block-paragraph\">Interaction to Next Paint is a metric that evaluates the overall responsiveness of a page to user interactions by observing the latency of all qualified interactions that occur during page navigation.<\/p>\n\n<p class=\"wp-block-paragraph\">To provide a good user experience, we already know that a website should try to have an Interaction to Next Paint of 200 milliseconds, or even less.\u00a0<\/p>\n","protected":false},"excerpt":{"rendered":"<p>From the second half of June 2012, Google began to consider the performance of a website as a ranking factor.\u00a0 The metrics used to establish this performance are the Core Web Vitals (essential signals) metrics, which include three key metrics: Largest Contentful Paint (LCP), First Input Delay (FID), and Cumulative Layout Shift (CLS). In this [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":256305,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[108],"tags":[],"class_list":["post-256355","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sviluppo"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Core Web Vitals: The Complete Guide to SEO -  Artera<\/title>\n<meta name=\"description\" content=\"Everything you need to know about Google\u2019s Core Web Vitals (essential signals). Learn more about CLS, FID and LCS and the SEO implications.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.artera.net\/en\/development\/core-web-vitals-the-complete-guide-to-seo\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Core Web Vitals: The Complete Guide to SEO -  Artera\" \/>\n<meta property=\"og:description\" content=\"Everything you need to know about Google\u2019s Core Web Vitals (essential signals). Learn more about CLS, FID and LCS and the SEO implications.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.artera.net\/en\/development\/core-web-vitals-the-complete-guide-to-seo\/\" \/>\n<meta property=\"og:site_name\" content=\"Artera\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/artera.net\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-06-26T11:57:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-18T22:02:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.artera.net\/wp-content\/uploads\/2023\/06\/core-main.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"840\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Sergio Ravera\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sergio Ravera\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/en\\\/development\\\/core-web-vitals-the-complete-guide-to-seo\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/en\\\/development\\\/core-web-vitals-the-complete-guide-to-seo\\\/\"},\"author\":{\"name\":\"Sergio Ravera\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/en\\\/#\\\/schema\\\/person\\\/48ffb6b3727677643fbfd3ecf0a10aa0\"},\"headline\":\"Core Web Vitals: The Complete Guide to SEO\",\"datePublished\":\"2023-06-26T11:57:00+00:00\",\"dateModified\":\"2026-08-18T22:02:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/en\\\/development\\\/core-web-vitals-the-complete-guide-to-seo\\\/\"},\"wordCount\":2102,\"publisher\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/en\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/en\\\/development\\\/core-web-vitals-the-complete-guide-to-seo\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/core-main.jpg\",\"articleSection\":[\"Sviluppo\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/en\\\/development\\\/core-web-vitals-the-complete-guide-to-seo\\\/\",\"url\":\"https:\\\/\\\/www.artera.net\\\/en\\\/development\\\/core-web-vitals-the-complete-guide-to-seo\\\/\",\"name\":\"Core Web Vitals: The Complete Guide to SEO - Artera\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/en\\\/development\\\/core-web-vitals-the-complete-guide-to-seo\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/en\\\/development\\\/core-web-vitals-the-complete-guide-to-seo\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/core-main.jpg\",\"datePublished\":\"2023-06-26T11:57:00+00:00\",\"dateModified\":\"2026-08-18T22:02:03+00:00\",\"description\":\"Everything you need to know about Google\u2019s Core Web Vitals (essential signals). Learn more about CLS, FID and LCS and the SEO implications.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/en\\\/development\\\/core-web-vitals-the-complete-guide-to-seo\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.artera.net\\\/en\\\/development\\\/core-web-vitals-the-complete-guide-to-seo\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/en\\\/development\\\/core-web-vitals-the-complete-guide-to-seo\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/core-main.jpg\",\"contentUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/core-main.jpg\",\"width\":1280,\"height\":840},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/en\\\/development\\\/core-web-vitals-the-complete-guide-to-seo\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.artera.net\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Core Web Vitals: The Complete Guide to SEO\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/www.artera.net\\\/en\\\/\",\"name\":\"Artera\",\"description\":\"Swiss Premium Hosting\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.artera.net\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/en\\\/#organization\",\"name\":\"Artera\",\"url\":\"https:\\\/\\\/www.artera.net\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/artera-logo.png\",\"contentUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/artera-logo.png\",\"width\":300,\"height\":77,\"caption\":\"Artera\"},\"image\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/artera.net\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/artera\\\/\",\"https:\\\/\\\/www.instagram.com\\\/artera_swiss\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/en\\\/#\\\/schema\\\/person\\\/48ffb6b3727677643fbfd3ecf0a10aa0\",\"name\":\"Sergio Ravera\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g\",\"caption\":\"Sergio Ravera\"},\"description\":\"Raised in a family tradition of merchants, my entrepreneurial spirit drove me to launch my first e-commerce venture in 1998. My vision and dedication led, in 2002, to the founding of Artera, now a leading brand in premium managed cloud hosting services. As Chief Executive Officer, I lead DHH Switzerland SA, part of the international DHH S.p.A. group, listed on the Milan Stock Exchange with the reference code (AIM \u2013 ISIN: IT0005203622). It is under this brand that the Artera brand continues to grow and thrive. In addition to my commitment to the business world, I am an active researcher in the field of new technologies, always fascinated by cutting-edge innovations in the industry.\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/sergioravera\\\/\"],\"url\":\"https:\\\/\\\/www.artera.net\\\/en\\\/author\\\/sergio-ravera\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Core Web Vitals: The Complete Guide to SEO -  Artera","description":"Everything you need to know about Google\u2019s Core Web Vitals (essential signals). Learn more about CLS, FID and LCS and the SEO implications.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.artera.net\/en\/development\/core-web-vitals-the-complete-guide-to-seo\/","og_locale":"en_US","og_type":"article","og_title":"Core Web Vitals: The Complete Guide to SEO -  Artera","og_description":"Everything you need to know about Google\u2019s Core Web Vitals (essential signals). Learn more about CLS, FID and LCS and the SEO implications.","og_url":"https:\/\/www.artera.net\/en\/development\/core-web-vitals-the-complete-guide-to-seo\/","og_site_name":"Artera","article_publisher":"https:\/\/www.facebook.com\/artera.net\/","article_published_time":"2023-06-26T11:57:00+00:00","article_modified_time":"2026-08-18T22:02:03+00:00","og_image":[{"width":1280,"height":840,"url":"https:\/\/www.artera.net\/wp-content\/uploads\/2023\/06\/core-main.jpg","type":"image\/jpeg"}],"author":"Sergio Ravera","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Sergio Ravera","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.artera.net\/en\/development\/core-web-vitals-the-complete-guide-to-seo\/#article","isPartOf":{"@id":"https:\/\/www.artera.net\/en\/development\/core-web-vitals-the-complete-guide-to-seo\/"},"author":{"name":"Sergio Ravera","@id":"https:\/\/www.artera.net\/en\/#\/schema\/person\/48ffb6b3727677643fbfd3ecf0a10aa0"},"headline":"Core Web Vitals: The Complete Guide to SEO","datePublished":"2023-06-26T11:57:00+00:00","dateModified":"2026-08-18T22:02:03+00:00","mainEntityOfPage":{"@id":"https:\/\/www.artera.net\/en\/development\/core-web-vitals-the-complete-guide-to-seo\/"},"wordCount":2102,"publisher":{"@id":"https:\/\/www.artera.net\/en\/#organization"},"image":{"@id":"https:\/\/www.artera.net\/en\/development\/core-web-vitals-the-complete-guide-to-seo\/#primaryimage"},"thumbnailUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2023\/06\/core-main.jpg","articleSection":["Sviluppo"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.artera.net\/en\/development\/core-web-vitals-the-complete-guide-to-seo\/","url":"https:\/\/www.artera.net\/en\/development\/core-web-vitals-the-complete-guide-to-seo\/","name":"Core Web Vitals: The Complete Guide to SEO - Artera","isPartOf":{"@id":"https:\/\/www.artera.net\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.artera.net\/en\/development\/core-web-vitals-the-complete-guide-to-seo\/#primaryimage"},"image":{"@id":"https:\/\/www.artera.net\/en\/development\/core-web-vitals-the-complete-guide-to-seo\/#primaryimage"},"thumbnailUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2023\/06\/core-main.jpg","datePublished":"2023-06-26T11:57:00+00:00","dateModified":"2026-08-18T22:02:03+00:00","description":"Everything you need to know about Google\u2019s Core Web Vitals (essential signals). Learn more about CLS, FID and LCS and the SEO implications.","breadcrumb":{"@id":"https:\/\/www.artera.net\/en\/development\/core-web-vitals-the-complete-guide-to-seo\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.artera.net\/en\/development\/core-web-vitals-the-complete-guide-to-seo\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.artera.net\/en\/development\/core-web-vitals-the-complete-guide-to-seo\/#primaryimage","url":"https:\/\/www.artera.net\/wp-content\/uploads\/2023\/06\/core-main.jpg","contentUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2023\/06\/core-main.jpg","width":1280,"height":840},{"@type":"BreadcrumbList","@id":"https:\/\/www.artera.net\/en\/development\/core-web-vitals-the-complete-guide-to-seo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.artera.net\/en\/"},{"@type":"ListItem","position":2,"name":"Core Web Vitals: The Complete Guide to SEO"}]},{"@type":"WebSite","@id":"https:\/\/www.artera.net\/en\/#website","url":"https:\/\/www.artera.net\/en\/","name":"Artera","description":"Swiss Premium Hosting","publisher":{"@id":"https:\/\/www.artera.net\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.artera.net\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.artera.net\/en\/#organization","name":"Artera","url":"https:\/\/www.artera.net\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.artera.net\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.artera.net\/wp-content\/uploads\/2019\/09\/artera-logo.png","contentUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2019\/09\/artera-logo.png","width":300,"height":77,"caption":"Artera"},"image":{"@id":"https:\/\/www.artera.net\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/artera.net\/","https:\/\/www.linkedin.com\/company\/artera\/","https:\/\/www.instagram.com\/artera_swiss\/"]},{"@type":"Person","@id":"https:\/\/www.artera.net\/en\/#\/schema\/person\/48ffb6b3727677643fbfd3ecf0a10aa0","name":"Sergio Ravera","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g","caption":"Sergio Ravera"},"description":"Raised in a family tradition of merchants, my entrepreneurial spirit drove me to launch my first e-commerce venture in 1998. My vision and dedication led, in 2002, to the founding of Artera, now a leading brand in premium managed cloud hosting services. As Chief Executive Officer, I lead DHH Switzerland SA, part of the international DHH S.p.A. group, listed on the Milan Stock Exchange with the reference code (AIM \u2013 ISIN: IT0005203622). It is under this brand that the Artera brand continues to grow and thrive. In addition to my commitment to the business world, I am an active researcher in the field of new technologies, always fascinated by cutting-edge innovations in the industry.","sameAs":["https:\/\/www.linkedin.com\/in\/sergioravera\/"],"url":"https:\/\/www.artera.net\/en\/author\/sergio-ravera\/"}]}},"_links":{"self":[{"href":"https:\/\/www.artera.net\/en\/wp-json\/wp\/v2\/posts\/256355","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.artera.net\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.artera.net\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.artera.net\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.artera.net\/en\/wp-json\/wp\/v2\/comments?post=256355"}],"version-history":[{"count":25,"href":"https:\/\/www.artera.net\/en\/wp-json\/wp\/v2\/posts\/256355\/revisions"}],"predecessor-version":[{"id":270789,"href":"https:\/\/www.artera.net\/en\/wp-json\/wp\/v2\/posts\/256355\/revisions\/270789"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.artera.net\/en\/wp-json\/wp\/v2\/media\/256305"}],"wp:attachment":[{"href":"https:\/\/www.artera.net\/en\/wp-json\/wp\/v2\/media?parent=256355"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.artera.net\/en\/wp-json\/wp\/v2\/categories?post=256355"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.artera.net\/en\/wp-json\/wp\/v2\/tags?post=256355"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}