{"id":9315,"date":"2021-09-10T09:00:00","date_gmt":"2021-09-10T07:00:00","guid":{"rendered":"https:\/\/www.antartika.it\/news\/google-page-experience-core-web-vitals\/"},"modified":"2021-09-10T15:59:00","modified_gmt":"2021-09-10T13:59:00","slug":"guide-google-page-experience-core-web-vitals","status":"publish","type":"post","link":"https:\/\/www.antartika.it\/en\/seo\/guide-google-page-experience-core-web-vitals\/","title":{"rendered":"Guide to Google Page Experience and Core Web Vitals"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>TLDR<\/strong><br>Over the years, web browsing and search have been revolutionized by user behaviors and Google&#8217;s evolutions. Today, it&#8217;s not just about &#8216;content is king,&#8217; but also &#8216;experience is queen.&#8217; Google&#8217;s ranking algorithm increasingly rewards pages and sites with the highest level of Web User Experience. What is the June 2021 Page Experience Update, and what are Core Web Vitals?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Read the article to learn more.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Introduction<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In today&#8217;s world, we can define the <strong>web as a tool:<\/strong> useful, convenient, at your fingertips, but above all cost-effective. Amidst thousands of domains and millions of pages, however, internet users have <strong>less patience for slow and difficult-to-use websites.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">That&#8217;s why <strong>usability is more important than ever.<\/strong> A user must be able to achieve their<strong> web search goal<\/strong> <strong>effectively <\/strong>and <strong>satisfactorily<\/strong>. Every online misstep leads to missed opportunities, especially in the digital business realm.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/about.google\/\" data-type=\"URL\" data-id=\"https:\/\/about.google\/\" target=\"_blank\" rel=\"noreferrer noopener\">Google knows this well<\/a>. It has always worked to <strong>enhance user experience <\/strong>and help users <strong>find the most relevant content. <\/strong>Recently, the search engine has undergone a paradigm shift\u2014<strong>no longer just content, but also page user experience.<\/strong><\/p>\n\n\n<style>\n:root{\n    --primary:      #008B95;\n    --secondary:    #363534;\n    --grey:         #F9F9F9;\n    --gr-dark:      #B6B6B5;\n    --anta-grey:    #6D6C6B;\n}\n\n\n\n\/************   Cf7 **************************+*\/\n.blocco-newsletter-articoli-blog.sfondo-a-righe {\n    background-image: linear-gradient(135deg,#e9e9e9 10%,#fff 10%,#fff 50%,#e9e9e9 50%,#e9e9e9 60%,#fff 60%,#fff 100%);\n    background-size: 7.07px 7.07px;\n    border: 1px solid #e9e9e9;\n}\n\n.blocco-newsletter-articoli-blog .titolo-cta {\n    font-family: var(--font-fam-body);\n    color: var(--bs-primary);\n}\n\n.blocco-newsletter-articoli-blog form p.h4 {\n    display: none;\n}\n\n.blocco-newsletter-articoli-blog form .row  {\n    margin-top: 1.5rem;\n}\n\n.blocco-newsletter-articoli-blog .wpcf7 input[type=\"email\"]{\n    margin-bottom: 0;\n    margin-top:0;\n\n}\n.blocco-newsletter-articoli-blog .wpcf7 label {\n    margin-top: 0;\n}\n.blocco-newsletter-articoli-blog .wpcf7 p.h4{\n    color:var(--anta-grey);\n}\n\n.blocco-newsletter-articoli-blog form [type=checkbox]+.wpcf7-list-item-label::before {\n    background-color: white;\n}\n\n.blocco-newsletter-articoli-blog .wpcf7 input[type=\"email\"] {\n    background-color: white !important;\n    font-size: calc(var(--fsz-p) * 1.15);\n    \/* content: 'per 1.15 mantiene fluidit\u00e0 e arriva a 24px che \u00e8 il risultato desiderato su desktop'; *\/\n}\n.blocco-newsletter-articoli-blog .wpcf7 input[type=\"email\"]:autofill,\n.blocco-newsletter-articoli-blog .wpcf7 input[type=\"email\"]:-webkit-autofill {\n    background-color: white !important;\n    box-shadow: 0 0 0 40px white inset!important;\n}\n\n.blocco-newsletter-articoli-blog .wpcf7 .wpcf7-submit {\n    background-color: white;\n}\n.blocco-newsletter-articoli-blog .wpcf7 input[type=\"email\"]::placeholder{\n    color:var(--gr-dark);\n    font-weight: 300;\n    font-size: var(--fsz-h5);\n    padding-left: 0.5rem;\n}\n.blocco-newsletter-articoli-blog .wpcf7 .wpcf7-spinner{\n    position: absolute;\n    bottom: 5rem;\n    right: 3rem;\n}\n\n.blocco-newsletter-articoli-blog .wpcf7 .wpcf7-submit:hover{\n    border: 2px solid var(--primary);\n    background-color: var(--primary);\n    color: white;\n}\n.blocco-newsletter-articoli-blog .wpcf7 .wpcf7-submit:disabled{\n    opacity: 1;\n}\n.blocco-newsletter-articoli-blog .wpcf7 form.sent .wpcf7-response-output{\n    border-color: var(--primary);\n}\n@media screen and (max-width:575px){\n    .blocco-newsletter-articoli-blog .wpcf7 .wpcf7-submit{\n        position: absolute;\n        bottom: 0rem;\n    }\n}\n@media screen and (min-width:1400px){\n\n\n    .blocco-newsletter-articoli-blog .wpcf7 .wpcf7-acceptance label{\n        margin-top:0;\n    }\n}\n<\/style>\n\n\n<div  class=\"anta-block blocco-newsletter-articoli-blog sfondo-a-righe py-4 mt-5\">\n\n    <div class=\"container-fluid\">\n        <div class=\"row\">\n            <div class=\"col-12\">\n                <p class=\"h2 mb-3 mt-0 titolo-cta\"><span class=\"green\">Subscribe to our newsletter<\/span><\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"row align-items-start\">\n            <div class=\"col-12\">\n                <p class=\"p-lg\">And receive news, tips, and strategies to enhance your online presence.<\/p>\n            <\/div>\n\n            <div class=\"col-12 position-relative\">\n                \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f12032-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"12032\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/posts\/9315#wpcf7-f12032-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"12032\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f12032-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"wpcf7-turnstile cf-turnstile\" data-sitekey=\"0x4AAAAAADKz9X03-_9CBiDr\" data-response-field-name=\"_wpcf7_turnstile_response\"><\/div>\n\n<div class=\"row align-items-end\">\n<div class=\"col-sm-9 pe-sm-0\">\n<label for=\"your-email-blog\" class=\"mb-0\">\n<h4 class=\"h4\">Enter your email address:<\/h4>\n\n    <span class=\"wpcf7-form-control-wrap\" data-name=\"your-email-blog\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" id=\"your-email-blog\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"yourmail@mail.ext\" value=\"\" type=\"email\" name=\"your-email-blog\" \/><\/span><\/label>\n<\/div>\n<div class=\"col-sm-3 ps-sm-0\">\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Send\" \/>\n<\/div>\n<div class=\"privacy d-flex mt-3\">\n <fieldset class=\"m-0 p-0 border-0\">\n      <legend class=\"visually-hidden\">Consenso al trattamento dei dati personali<\/legend>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"acceptance-516\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"acceptance-516\" value=\"1\" class=\"acceptance\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\">I consent to the processing of my data in accordance with your <a href=\"https:\/\/www.iubenda.com\/privacy-policy\/82033330\" class=\"iubenda-nostyle no-brand iubenda-embed \" title=\"Privacy Policy\" target=\"_blank\" rel=\"noopener\">privacy policy<\/a><span class=\"ms-1\">*<\/span><\/span><\/label><\/span><\/span><\/span>\n  <legend class=\"visually-hidden\">Newsletter subscription<\/legend>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"checkbox-newsletter\"><span class=\"wpcf7-form-control wpcf7-checkbox\"><span class=\"wpcf7-list-item first last\"><label><input type=\"checkbox\" name=\"checkbox-newsletter[]\" value=\"I would like to subscribe to the newsletter to receive updates on Digital Marketing\" \/><span class=\"wpcf7-list-item-label\">I would like to subscribe to the newsletter to receive updates on Digital Marketing<\/span><\/label><\/span><\/span><\/span> \n<\/fieldset>\n<\/div>\n<\/div>\n<div class=\"spacing-l d-sm-none\"><\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n            <\/div>\n        <\/div><!-- end row -->\n    <\/div><!-- end container-fluid -->\n\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">How the Web (and Google) Has Changed<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To understand what&#8217;s happening today, it&#8217;s helpful to look at what happened yesterday.<br>Google was born as a <strong>search engine in 1998, <\/strong>and the first <strong>PageRank algorithm updates<\/strong> were designed and implemented <strong>in the early 2000s.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Many <strong>Google Updates between 2003 and 2021<\/strong> aimed to improve user search understanding and the quality of content on webpages. Some notable updates include <strong>Google Boston, Florida, Panda, Hummingbird, <\/strong>and <strong>BERT<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">However, it&#8217;s been since 2015 that Google began considering <strong>mobile web searches as the new standard for online navigation,<\/strong> introducing <a href=\"https:\/\/www.antartika.it\/en\/seo\/importance-fast-website\/\" data-type=\"post\" data-id=\"9142\">Mobile-First Indexing and Speed Update<\/a> in <strong>2018<\/strong>. Officially, that&#8217;s just three years ago!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It&#8217;s easy to see how mobile and tablet browsing has changed from desktop browsing, from <strong>content display <\/strong>to <strong>page interaction. <\/strong>Hence, Google&#8217;s focus has shifted more towards <strong>mobile-first usability.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Just a few years ago, <strong>predicting such changes would have been difficult,<\/strong> and the same might <strong>hold true for the years to come. <\/strong>However, what can be done is to understand <strong>what&#8217;s happening on Google today and take appropriate actions on one&#8217;s own website.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What is the Google Page Experience Update<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">With mobile-first indexing, Google&#8217;s algorithm has significantly evolved over time. Nowadays, it&#8217;s not just about <strong>providing users with the best content<\/strong> but also ensuring they can <strong>navigate webpages smoothly<\/strong> and without surprises.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Starting from <strong>mid-June 2021,<\/strong> Google introduced an update to assess <strong>page experience<\/strong> as a genuine <strong>ranking factor:<\/strong> the <a href=\"https:\/\/developers.google.com\/search\/docs\/advanced\/experience\/page-experience\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/developers.google.com\/search\/docs\/advanced\/experience\/page-experience\" rel=\"noreferrer noopener\">Page Experience Update<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A set of parameters related to<strong> performance, web usability, UX\/UI,<\/strong> and <strong>accessibility <\/strong>have been introduced to measure how users interact with a page beyond its content.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Alongside other factors that constitute the <strong>page experience indicator<\/strong>, such as <strong>mobile <\/strong>optimization, the use of <strong>HTTPS<\/strong>, and the impact of interstitial ads on content <strong>accessibility<\/strong>, we now find the essential web signals known as <strong><a href=\"https:\/\/web.dev\/vitals\/\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/web.dev\/vitals\/\" rel=\"noreferrer noopener nofollow\">Core Web Vitals<\/a><\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"540\" src=\"https:\/\/www.antartika.it\/wp-content\/uploads\/2021\/09\/img1.jpeg\" alt=\"google page experience ranking\" class=\"wp-image-4533\" style=\"width:1200px;height:675px\" srcset=\"https:\/\/www.antartika.it\/wp-content\/uploads\/2021\/09\/img1.jpeg 960w, https:\/\/www.antartika.it\/wp-content\/uploads\/2021\/09\/img1-300x169.jpeg 300w, https:\/\/www.antartika.it\/wp-content\/uploads\/2021\/09\/img1-768x432.jpeg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><figcaption class=\"wp-element-caption\"><em><sub>Factors that Compose the Google Page Experience Update Indicator from June 2021<\/sub><\/em><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">What are Core Web Vitals<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Core Web Vitals<\/strong> represent a set of metrics and indicators that measure <strong>the quality of the user experience on a webpage.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To <strong>calculate and optimize them, various tools offered by Google<\/strong> can be used:<br>from the report in <a href=\"https:\/\/www.antartika.it\/en\/seo\/google-search-console-guide-website-analysis\/\" data-type=\"post\" data-id=\"9221\">Google Search Console<\/a> to the Lighthouse dev tool in Chrome,<br>from websites like <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/?hl=it\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/?hl=it\" rel=\"noreferrer noopener nofollow\">PageSpeed Insights<\/a> and<a href=\"https:\/\/web.dev\/measure\/\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/web.dev\/measure\/\" rel=\"noreferrer noopener nofollow\"> web.dev\/measure<\/a> to the Chrome UX Report and Web Vitals extensions.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here are the three Core Web Vitals that effectively serve as <strong>Google ranking factors:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Largest Contentful Paint (LCP): Measures <strong>page loading performance<\/strong>.<\/li>\n\n\n\n<li>First Input Delay (FID): Measures <strong>interaction time<\/strong> with the page.<\/li>\n\n\n\n<li>Cumulative Layout Shift (CLS): Measures <strong>visual page stability<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"222\" src=\"https:\/\/www.antartika.it\/wp-content\/uploads\/2021\/09\/img2.png\" alt=\"google core web vitals\" class=\"wp-image-4536\" style=\"width:1200px;height:346px\" srcset=\"https:\/\/www.antartika.it\/wp-content\/uploads\/2021\/09\/img2.png 768w, https:\/\/www.antartika.it\/wp-content\/uploads\/2021\/09\/img2-300x87.png 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption class=\"wp-element-caption\"><em><sub>The 3 Core Web Vitals: Largest Contentful Paint, First Input Delay, and Cumulative Layout Shift<\/sub><\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"h3 wp-block-paragraph\">LCP: Largest Contentful Paint <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The <a href=\"https:\/\/web.dev\/lcp\/\" data-type=\"URL\" data-id=\"https:\/\/web.dev\/lcp\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Largest Contentful Paint<\/a> metric measures <strong>page loading performance<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Specifically, it indicates <strong>the loading time of the largest element, <\/strong>such as a multimedia file or a visible text block, while the page is loading for the first time.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This metric is focused on user perception and is essential for <strong>measuring perceived loading speed,<\/strong> as it indicates the specific point in time when the main content of the page should be fully loaded.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To provide a good page experience, the <strong>LCP score<\/strong> should be <strong>less than 2.5 seconds. <\/strong>Above 4 seconds, the user experience is considered poor.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"845\" height=\"328\" src=\"https:\/\/www.antartika.it\/wp-content\/uploads\/2021\/09\/img3.png\" alt=\"Largest contentful paint lcp core web vitals\" class=\"wp-image-4540\" style=\"width:1200px;height:466px\" srcset=\"https:\/\/www.antartika.it\/wp-content\/uploads\/2021\/09\/img3.png 845w, https:\/\/www.antartika.it\/wp-content\/uploads\/2021\/09\/img3-300x116.png 300w, https:\/\/www.antartika.it\/wp-content\/uploads\/2021\/09\/img3-768x298.png 768w\" sizes=\"auto, (max-width: 845px) 100vw, 845px\" \/><figcaption class=\"wp-element-caption\"><em><sub>How Largest Contentful Paint is Identified and Recorded<\/sub><\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"h3 wp-block-paragraph\">FID: First Input Delay<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The <a href=\"https:\/\/web.dev\/fid\/\" data-type=\"URL\" data-id=\"https:\/\/web.dev\/fid\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">First Input Delay<\/a> metric measures <strong>page interactivity time<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">More precisely, it records the time between <strong>the user&#8217;s first interaction<\/strong> with the webpage and the<strong> browser&#8217;s response following the input.<\/strong> Interactivity is thus calculated based on the time the browser takes to respond to actions on the page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This parameter also focuses on user perceptions: by analyzing the responsiveness of a webpage, it&#8217;s possible to understand when it&#8217;s difficult to interact with <strong>one or more elements of the page<\/strong> because they <strong>don&#8217;t respond to inputs quickly enough<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The optimal <strong>FID score<\/strong> for a good page experience is <strong>less than 100 milliseconds<\/strong>, while above 300 milliseconds, the user experience is considered poor.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"838\" src=\"https:\/\/www.antartika.it\/wp-content\/uploads\/2021\/09\/img4.png\" alt=\"First input delay fid core web vitals\" class=\"wp-image-4543\" srcset=\"https:\/\/www.antartika.it\/wp-content\/uploads\/2021\/09\/img4.png 1824w, https:\/\/www.antartika.it\/wp-content\/uploads\/2021\/09\/img4-300x138.png 300w, https:\/\/www.antartika.it\/wp-content\/uploads\/2021\/09\/img4-1024x470.png 1024w, https:\/\/www.antartika.it\/wp-content\/uploads\/2021\/09\/img4-768x353.png 768w, https:\/\/www.antartika.it\/wp-content\/uploads\/2021\/09\/img4-1536x706.png 1536w\" sizes=\"auto, (max-width: 1824px) 100vw, 1824px\" \/><figcaption class=\"wp-element-caption\"><em><sub>How First Input Delay is Identified and Recorded<\/sub><\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"h3 wp-block-paragraph\">CLS: Cumulative Layout Shift<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The <a href=\"https:\/\/web.dev\/cls\/\" data-type=\"URL\" data-id=\"https:\/\/web.dev\/cls\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Cumulative Layout Shift<\/a> indicator measures <strong>visual page stability<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In detail, it examines the <strong>movements of visible elements<\/strong> and <strong>sudden layout changes<\/strong> that cause a shift after loading an area of the webpage.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Unlike the other metrics, CLS doesn&#8217;t indicate a time interval. It was introduced recently due to the negative experience <strong>when an element suddenly moves on the page<\/strong>\u2014be it an article&#8217;s text, an order confirmation button, or a download link.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">On the <strong>CLS score<\/strong> scale, a good page experience value is <strong>less than 0.1.<\/strong> Above 0.25, the value is considered poor in evaluating the Page Experience.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"465\" src=\"https:\/\/www.antartika.it\/wp-content\/uploads\/2021\/09\/gif5.gif\" alt=\"Cumulative layout shift cls core web vitals\" class=\"wp-image-4545\" style=\"width:1200px;height:930px\"\/><figcaption class=\"wp-element-caption\"><em><sub>An Example of Sudden Movement Caused by Cumulative Layout Shift<\/sub><\/em><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Page Experience: Other Ranking Factors<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Working to <strong>optimize page experience<\/strong> means considering a wide range of elements: some directly or indirectly affect <strong>page performance, <\/strong>while others influence Google&#8217;s <strong>ranking assessments<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Some parameters that can impact <strong>Core Web Vitals performance<\/strong> include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/web.dev\/fcp\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">First Contentful Paint<\/a> (FCP): The time interval from when the <strong>page starts loading<\/strong> to when the <strong>first element on the page becomes visible <\/strong>on the screen.<\/li>\n\n\n\n<li><a href=\"https:\/\/web.dev\/tbt\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Total Blocking Time<\/a> (TBT): Measures the interval between FCP and TTI, which is the time <strong>the main thread remained blocked, <\/strong>preventing response to inputs on the page.<\/li>\n\n\n\n<li><a href=\"https:\/\/web.dev\/tti\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Time to Interactive<\/a> (TTI): The time between the <strong>start of page loading <\/strong>and the loading of <strong>key secondary resources<\/strong> capable of responding to user input.<\/li>\n\n\n\n<li><a href=\"https:\/\/web.dev\/speed-index\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Speed Index<\/a> (SI): The speed index calculates <strong>how quickly content becomes visible<\/strong> during page loading by analyzing visual progression in frames.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">However, beyond Core Web Vitals, the <strong>quality of the Page Experience<\/strong> is also based on other elements that constitute the <strong>ranking indicator <\/strong>of page experience:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>The website must be mobile-friendly. <\/strong>As more people use mobile devices to access the internet, <a href=\"https:\/\/developers.google.com\/search\/blog\/2016\/08\/helping-users-easily-access-content-on?hl=it\" data-type=\"URL\" data-id=\"https:\/\/developers.google.com\/search\/blog\/2016\/08\/helping-users-easily-access-content-on?hl=it\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Google adapted its algorithm for this purpose<\/a> in 2015.<\/li>\n\n\n\n<li><strong>The page must be published in HTTPS.<\/strong> The protocol that guarantees <a href=\"https:\/\/developers.google.com\/search\/blog\/2016\/11\/heres-to-more-https-on-web?hl=it\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/developers.google.com\/search\/blog\/2016\/11\/heres-to-more-https-on-web?hl=it\" rel=\"noreferrer noopener nofollow\">secure and protected navigation<\/a> has become a standard requirement for all internet users.<\/li>\n\n\n\n<li><strong>Contents must be easily accessible.<\/strong> Elements too close together, too small or larger than the screen, intrusive pop-ups, and interstitial ads should be avoided.<\/li>\n<\/ul>\n\n\n<style>\n:root{\n    --primary:      #008B95;\n    --secondary:    #363534;\n    --grey:         #F9F9F9;\n    --gr-dark:      #B6B6B5;\n    --anta-grey:    #6D6C6B;\n}\n\n\n\n\/************   Cf7 **************************+*\/\n.blocco-newsletter-articoli-blog.sfondo-a-righe {\n    background-image: linear-gradient(135deg,#e9e9e9 10%,#fff 10%,#fff 50%,#e9e9e9 50%,#e9e9e9 60%,#fff 60%,#fff 100%);\n    background-size: 7.07px 7.07px;\n    border: 1px solid #e9e9e9;\n}\n\n.blocco-newsletter-articoli-blog .titolo-cta {\n    font-family: var(--font-fam-body);\n    color: var(--bs-primary);\n}\n\n.blocco-newsletter-articoli-blog form p.h4 {\n    display: none;\n}\n\n.blocco-newsletter-articoli-blog form .row  {\n    margin-top: 1.5rem;\n}\n\n.blocco-newsletter-articoli-blog .wpcf7 input[type=\"email\"]{\n    margin-bottom: 0;\n    margin-top:0;\n\n}\n.blocco-newsletter-articoli-blog .wpcf7 label {\n    margin-top: 0;\n}\n.blocco-newsletter-articoli-blog .wpcf7 p.h4{\n    color:var(--anta-grey);\n}\n\n.blocco-newsletter-articoli-blog form [type=checkbox]+.wpcf7-list-item-label::before {\n    background-color: white;\n}\n\n.blocco-newsletter-articoli-blog .wpcf7 input[type=\"email\"] {\n    background-color: white !important;\n    font-size: calc(var(--fsz-p) * 1.15);\n    \/* content: 'per 1.15 mantiene fluidit\u00e0 e arriva a 24px che \u00e8 il risultato desiderato su desktop'; *\/\n}\n.blocco-newsletter-articoli-blog .wpcf7 input[type=\"email\"]:autofill,\n.blocco-newsletter-articoli-blog .wpcf7 input[type=\"email\"]:-webkit-autofill {\n    background-color: white !important;\n    box-shadow: 0 0 0 40px white inset!important;\n}\n\n.blocco-newsletter-articoli-blog .wpcf7 .wpcf7-submit {\n    background-color: white;\n}\n.blocco-newsletter-articoli-blog .wpcf7 input[type=\"email\"]::placeholder{\n    color:var(--gr-dark);\n    font-weight: 300;\n    font-size: var(--fsz-h5);\n    padding-left: 0.5rem;\n}\n.blocco-newsletter-articoli-blog .wpcf7 .wpcf7-spinner{\n    position: absolute;\n    bottom: 5rem;\n    right: 3rem;\n}\n\n.blocco-newsletter-articoli-blog .wpcf7 .wpcf7-submit:hover{\n    border: 2px solid var(--primary);\n    background-color: var(--primary);\n    color: white;\n}\n.blocco-newsletter-articoli-blog .wpcf7 .wpcf7-submit:disabled{\n    opacity: 1;\n}\n.blocco-newsletter-articoli-blog .wpcf7 form.sent .wpcf7-response-output{\n    border-color: var(--primary);\n}\n@media screen and (max-width:575px){\n    .blocco-newsletter-articoli-blog .wpcf7 .wpcf7-submit{\n        position: absolute;\n        bottom: 0rem;\n    }\n}\n@media screen and (min-width:1400px){\n\n\n    .blocco-newsletter-articoli-blog .wpcf7 .wpcf7-acceptance label{\n        margin-top:0;\n    }\n}\n<\/style>\n\n\n<div  class=\"anta-block blocco-newsletter-articoli-blog sfondo-a-righe py-4 mt-5\">\n\n    <div class=\"container-fluid\">\n        <div class=\"row\">\n            <div class=\"col-12\">\n                <p class=\"h2 mb-3 mt-0 titolo-cta\"><span class=\"green\">Subscribe to our newsletter<\/span><\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"row align-items-start\">\n            <div class=\"col-12\">\n                <p class=\"p-lg\">And receive news, tips, and strategies to enhance your online presence.<\/p>\n            <\/div>\n\n            <div class=\"col-12 position-relative\">\n                \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f12032-o2\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"12032\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/posts\/9315#wpcf7-f12032-o2\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"12032\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f12032-o2\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"wpcf7-turnstile cf-turnstile\" data-sitekey=\"0x4AAAAAADKz9X03-_9CBiDr\" data-response-field-name=\"_wpcf7_turnstile_response\"><\/div>\n\n<div class=\"row align-items-end\">\n<div class=\"col-sm-9 pe-sm-0\">\n<label for=\"your-email-blog\" class=\"mb-0\">\n<h4 class=\"h4\">Enter your email address:<\/h4>\n\n    <span class=\"wpcf7-form-control-wrap\" data-name=\"your-email-blog\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"yourmail@mail.ext\" value=\"\" type=\"email\" name=\"your-email-blog\" \/><\/span><\/label>\n<\/div>\n<div class=\"col-sm-3 ps-sm-0\">\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Send\" \/>\n<\/div>\n<div class=\"privacy d-flex mt-3\">\n <fieldset class=\"m-0 p-0 border-0\">\n      <legend class=\"visually-hidden\">Consenso al trattamento dei dati personali<\/legend>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"acceptance-516\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"acceptance-516\" value=\"1\" class=\"acceptance\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\">I consent to the processing of my data in accordance with your <a href=\"https:\/\/www.iubenda.com\/privacy-policy\/82033330\" class=\"iubenda-nostyle no-brand iubenda-embed \" title=\"Privacy Policy\" target=\"_blank\" rel=\"noopener\">privacy policy<\/a><span class=\"ms-1\">*<\/span><\/span><\/label><\/span><\/span><\/span>\n  <legend class=\"visually-hidden\">Newsletter subscription<\/legend>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"checkbox-newsletter\"><span class=\"wpcf7-form-control wpcf7-checkbox\"><span class=\"wpcf7-list-item first last\"><label><input type=\"checkbox\" name=\"checkbox-newsletter[]\" value=\"I would like to subscribe to the newsletter to receive updates on Digital Marketing\" \/><span class=\"wpcf7-list-item-label\">I would like to subscribe to the newsletter to receive updates on Digital Marketing<\/span><\/label><\/span><\/span><\/span> \n<\/fieldset>\n<\/div>\n<\/div>\n<div class=\"spacing-l d-sm-none\"><\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n            <\/div>\n        <\/div><!-- end row -->\n    <\/div><!-- end container-fluid -->\n\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">In Conclusion<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>The web is an extremely dynamic and ever-evolving world<\/strong>\u2014what seemed cutting-edge 3 or 4 years ago is now normal, expected, or even replaced. Similarly, <strong>user behaviors, needs, and habits also change.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">That&#8217;s why, for a website to be functional, <strong>it cannot remain static<\/strong> over the years. In addition to <strong>careful initial design,<\/strong> periodic <strong>revision<\/strong>, <strong><a href=\"https:\/\/www.antartika.it\/en\/web-development\/4-reasons-keep-wordpress-site-updated\/\" data-type=\"post\" data-id=\"8910\">updating<\/a><\/strong>, and <strong>renewal<\/strong> of the website are essential to maintain a high-quality User Experience.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If a <strong>website&#8217;s performance<\/strong>, such as loading speed, usability, positioning, and traffic, <strong>starts to deteriorate,<\/strong> it&#8217;s essential to determine whether these issues are <strong>easily and quickly solvable<\/strong> or require a <strong>complete site overhaul.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In both cases, the support of an <a href=\"https:\/\/www.antartika.it\/en\/search-engine-marketing\/seo\/\" data-type=\"page\" data-id=\"6262\">SEO<\/a> &amp; <a href=\"https:\/\/www.antartika.it\/en\/web-presence\/\" data-type=\"page\" data-id=\"6248\">Web Specialists<\/a> team is vital for identifying and managing the issues behind a non-functional website, paving the way for a <strong>new mobile-first, responsive, and high-performing website.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Over the years, web browsing and search have been revolutionized by user behaviors and Google&#8217;s evolutions. Today, it&#8217;s not just about &#8216;content is king,&#8217; but also &#8216;experience is queen&#8217;! <span class=\"excerpt-link\"><a class=\"ms-1 understrap-read-more-link\" href=\"https:\/\/www.antartika.it\/en\/seo\/guide-google-page-experience-core-web-vitals\/\">Read more &raquo;<span class=\"screen-reader-text\"> from Guide to Google Page Experience and Core Web Vitals<\/span><\/a><\/span><\/p>\n","protected":false},"author":2,"featured_media":7521,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"_lmt_disableupdate":"yes","_lmt_disable":"","footnotes":""},"categories":[192],"tags":[208,278,225,279],"class_list":["post-9315","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo","tag-google-en","tag-pagespeed-en","tag-seo-en","tag-webperformance-en"],"acf":[],"modified_by":"AntaUser3","_links":{"self":[{"href":"https:\/\/www.antartika.it\/en\/wp-json\/wp\/v2\/posts\/9315","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.antartika.it\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.antartika.it\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.antartika.it\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.antartika.it\/en\/wp-json\/wp\/v2\/comments?post=9315"}],"version-history":[{"count":0,"href":"https:\/\/www.antartika.it\/en\/wp-json\/wp\/v2\/posts\/9315\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.antartika.it\/en\/wp-json\/wp\/v2\/media\/7521"}],"wp:attachment":[{"href":"https:\/\/www.antartika.it\/en\/wp-json\/wp\/v2\/media?parent=9315"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.antartika.it\/en\/wp-json\/wp\/v2\/categories?post=9315"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.antartika.it\/en\/wp-json\/wp\/v2\/tags?post=9315"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}