{"id":17256191,"date":"2020-07-14T05:22:56","date_gmt":"2020-07-14T11:52:56","guid":{"rendered":"http:\/\/315_17256191"},"modified":"2020-11-11T09:30:30","modified_gmt":"2020-11-11T09:30:30","slug":"core-web-vitals","status":"publish","type":"post","link":"https:\/\/www.readwhere.com\/blog\/core-web-vitals\/","title":{"rendered":"Understanding the Core Web Vitals and its metrices for seamless web user experience"},"content":{"rendered":"<p>In this article, we shall talk about Web Vitals and the three core metrics of the same that can help publishers know more about their content and its performance.<\/p>\n<h2><span style=\"font-size: 16px;\"><strong>What is Web Vitals?<\/strong><\/span><\/h2>\n<p>Web Vitals is an initiative by Google that assists in providing a seamless user experience on the web. A site owner should be able to know about the performance of the site if they want to grow and gain more users. But how is it done?<\/p>\n<p>Over the years, a number of tools have been used to measure the performance of a site considering various metrics. Web Vitals makes the job easier by helping to provide unified guidance to achieve a great user experience.<\/p>\n<h2><span style=\"font-size: 16px;\"><strong>Core Web Vitals<\/strong><\/span><\/h2>\n<p>Have in-depth knowledge about the real-world experience of a user-centric outcome with Core Web Vitals (a subset of Web Vitals). Here are the 3 key aspects to ensure an impressive user experience:<br \/>\n<strong>\u00a01. Loading<\/strong><br \/>\n<strong>\u00a02. Interactivity<\/strong><br \/>\n<strong>\u00a03. Visual Stability<\/strong><\/p>\n<p><strong>Learn everything about Core Web Vitals in this detailed webinar by team Readwhere<\/strong><\/p>\n<p><iframe title=\"Core Web Vitals for WordPress Developers\" width=\"740\" height=\"555\" src=\"https:\/\/www.youtube.com\/embed\/kNj1WApgg6s?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>Here is how all these three aspects can be taken care of<\/p>\n<p><span style=\"font-size: 16px;\"><strong>Largest Contentful Page (LCP) &#8211;<\/strong><\/span><br \/>\nDo you often get a question about the load time of the main content of your site page? Do you often wonder when the content is visible to the user when he\/ she clicks on the page?<br \/>\nWhat if it takes more than usual time to load, does the user stay or just leaves your site?<\/p>\n<p>Largest Contentful Paint is the ultimate answer to all such questions. It is an essential and user-centric metric to measure perceived load speed. It keeps you updated about the point in the page load time when the page\u2019s main content is completely loaded and visible to the user. A good or fast LCP assures that your page is useful or not.<\/p>\n<h2><span style=\"font-size: 16px;\"><strong>Good LCP Score for Core Web Vitals<\/strong><\/span><\/h2>\n<p><strong><img decoding=\"async\" src=\"https:\/\/mcmscache.epapr.in\/post_images\/website_315\/new_post_images\/1594726923_lcp.png\" alt=\"\" \/><\/strong><\/p>\n<p>A site that loads in the first 2.5 seconds is considered to have a good LCP score. If your site takes between 2.5 to 4 secs to load, then it needs improvement. For a site loading after 4 seconds, it is considered to have poor LCP according to the core web vitals. Considering the 75th percentile of page loads, segmented across mobile and desktop devices one can hit the target of obtaining a good threshold for the site.<\/p>\n<p><span style=\"font-size: 16px;\"><strong>First Input Delay (FID)<\/strong> <\/span>&#8211; When you talk about responsiveness, you have to consider First Input Delay because the first impression makes a huge impact on the web. FID quantifies the experience of a user while he\/ she is interacting with the site pages. A shabby experience can just turn your potential user down. Here is when the First Input Delay plays a key role so that the user stays and chooses to come back to the page. It helps you measure the user\u2019s first impression of your site\u2019s responsiveness and interactivity.<\/p>\n<h2><span style=\"font-size: 16px;\"><strong>Good FID Score<\/strong><\/span><\/h2>\n<p><img decoding=\"async\" src=\"https:\/\/mcmscache.epapr.in\/post_images\/website_315\/new_post_images\/1594727020_FID.png\" alt=\"\" \/><br \/>\nWith this user-centric metric for measuring load responsiveness, the site should be able to have a First Input Delay of fewer than 100 milliseconds. If it takes time between 100 to 300 milliseconds, it needs improvement. Anything more than 300 milliseconds is considered Poor FID Score as per the core web vitals. Considering the 75th percentile of page loads, segmented across mobile and desktop devices one can hit the target of obtaining a good threshold for the site.<\/p>\n<p><span style=\"font-size: 16px;\"><strong>Cumulative Layout Shift (CLS) &#8211;<\/strong> <\/span><br \/>\nNow that you have checked the load time and responsiveness of your site and pages, what\u2019s next?<br \/>\nVisual Stability<\/p>\n<p>Don\u2019t you get annoyed when something goes abruptly wrong on the page that you are reading? It may be shifting of texts, links and images and you just lose your interest in staying further on that page, isn\u2019t it?<\/p>\n<p>Cumulative Layout Shift is the solution to this major problem faced by site owners. It helps you identify how often the user experiences unexpected layout throughout the lifespan of the page. The more it occurs, the more it gets worse for your site.<\/p>\n<h2><span style=\"font-size: 16px;\"><strong>Good CLS Score:<\/strong><\/span><\/h2>\n<p><strong><img decoding=\"async\" src=\"https:\/\/mcmscache.epapr.in\/post_images\/website_315\/new_post_images\/1594727470_cif.png\" alt=\"\" \/><\/strong><\/p>\n<p>A good Cumulative Layout Shift is considered when a site manages to get a score of less than 0.1. For the score of 0.1 to 0.25, improvement is expected. However, a score of more than 0.25 is considered as a bad score. Considering the 75th percentile of page loads, segmented across mobile and desktop devices one can hit the target of obtaining a good threshold for the site.<\/p>\n<p><strong><a href=\"https:\/\/mobi.readwhere.com\/\">Choose Readwhere CMS to build a user-friendly website and boost your revenue.<\/a><\/strong><\/p>\n<p>Now that you are completely aware of the core metrics of Web Vitals, it is a good time to get kick-started and analyse your site based on the core aspects. If you have any doubts and queries about web vitals and the three core metrics involved, feel free to get in touch with us. Simply write to us at <a href=\"mailto:helpdesk@readwhere.com\">helpdesk@readwhere.com<\/a> and we will be happy to help you.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>       During the unprecedented times, several businesses are suffering and striving hard to sustain. However, considering the situation as the new normal, we all have to figure out a way to keep things going on. Google News Initiative (GNI) is an initiative by Google to assist journalism and publishers during such times. Readwhere along with GNI is trying to make this happen for publishers all over the country.  With this initiative by Google and Readwhere, publishers can keep their business going by creating engaging content.<\/p>\n","protected":false},"author":3,"featured_media":27335118,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,23],"tags":[24],"class_list":["post-17256191","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-readwhere-cms","category-webinars","tag-core-web-vitals"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Understanding the Core Web Vitals and its metrices for seamless web user experience - Readwhere Blog<\/title>\n<meta name=\"description\" content=\"Learn everything about core web vitals and all the important aspects related to it. Improve your CLS, FID and LCP score with Core Web Vitals.\" \/>\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.readwhere.com\/blog\/core-web-vitals\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Understanding the Core Web Vitals and its metrices for seamless web user experience - Readwhere Blog\" \/>\n<meta property=\"og:description\" content=\"Learn everything about core web vitals and all the important aspects related to it. Improve your CLS, FID and LCP score with Core Web Vitals.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.readwhere.com\/blog\/core-web-vitals\/\" \/>\n<meta property=\"og:site_name\" content=\"Readwhere Blog\" \/>\n<meta property=\"article:published_time\" content=\"2020-07-14T11:52:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-11-11T09:30:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.readwhere.com\/blog\/wp-content\/uploads\/2020\/07\/5f0d9c79f1130_webvitals.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"700\" \/>\n\t<meta property=\"og:image:height\" content=\"466\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Neha Gore\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Neha Gore\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.readwhere.com\/blog\/core-web-vitals\/\",\"url\":\"https:\/\/www.readwhere.com\/blog\/core-web-vitals\/\",\"name\":\"Understanding the Core Web Vitals and its metrices for seamless web user experience - Readwhere Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.readwhere.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.readwhere.com\/blog\/core-web-vitals\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.readwhere.com\/blog\/core-web-vitals\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.readwhere.com\/blog\/wp-content\/uploads\/2020\/07\/5f0d9c79f1130_webvitals.jpg\",\"datePublished\":\"2020-07-14T11:52:56+00:00\",\"dateModified\":\"2020-11-11T09:30:30+00:00\",\"author\":{\"@id\":\"https:\/\/www.readwhere.com\/blog\/#\/schema\/person\/854eb40e61f8ea262f50c17bf7634f7d\"},\"description\":\"Learn everything about core web vitals and all the important aspects related to it. Improve your CLS, FID and LCP score with Core Web Vitals.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.readwhere.com\/blog\/core-web-vitals\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.readwhere.com\/blog\/core-web-vitals\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.readwhere.com\/blog\/core-web-vitals\/#primaryimage\",\"url\":\"https:\/\/www.readwhere.com\/blog\/wp-content\/uploads\/2020\/07\/5f0d9c79f1130_webvitals.jpg\",\"contentUrl\":\"https:\/\/www.readwhere.com\/blog\/wp-content\/uploads\/2020\/07\/5f0d9c79f1130_webvitals.jpg\",\"width\":700,\"height\":466,\"caption\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.readwhere.com\/blog\/core-web-vitals\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.readwhere.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Understanding the Core Web Vitals and its metrices for seamless web user experience\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.readwhere.com\/blog\/#website\",\"url\":\"https:\/\/www.readwhere.com\/blog\/\",\"name\":\"Readwhere Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.readwhere.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.readwhere.com\/blog\/#\/schema\/person\/854eb40e61f8ea262f50c17bf7634f7d\",\"name\":\"Neha Gore\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.readwhere.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c5f167cf3d09a2da0110801c8043e515018bb54db91f7008e3b8cfc34eb0a820?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c5f167cf3d09a2da0110801c8043e515018bb54db91f7008e3b8cfc34eb0a820?s=96&d=mm&r=g\",\"caption\":\"Neha Gore\"},\"url\":\"https:\/\/www.readwhere.com\/blog\/author\/neha-gore\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Understanding the Core Web Vitals and its metrices for seamless web user experience - Readwhere Blog","description":"Learn everything about core web vitals and all the important aspects related to it. Improve your CLS, FID and LCP score with Core Web Vitals.","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.readwhere.com\/blog\/core-web-vitals\/","og_locale":"en_US","og_type":"article","og_title":"Understanding the Core Web Vitals and its metrices for seamless web user experience - Readwhere Blog","og_description":"Learn everything about core web vitals and all the important aspects related to it. Improve your CLS, FID and LCP score with Core Web Vitals.","og_url":"https:\/\/www.readwhere.com\/blog\/core-web-vitals\/","og_site_name":"Readwhere Blog","article_published_time":"2020-07-14T11:52:56+00:00","article_modified_time":"2020-11-11T09:30:30+00:00","og_image":[{"width":700,"height":466,"url":"https:\/\/www.readwhere.com\/blog\/wp-content\/uploads\/2020\/07\/5f0d9c79f1130_webvitals.jpg","type":"image\/jpeg"}],"author":"Neha Gore","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Neha Gore","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.readwhere.com\/blog\/core-web-vitals\/","url":"https:\/\/www.readwhere.com\/blog\/core-web-vitals\/","name":"Understanding the Core Web Vitals and its metrices for seamless web user experience - Readwhere Blog","isPartOf":{"@id":"https:\/\/www.readwhere.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.readwhere.com\/blog\/core-web-vitals\/#primaryimage"},"image":{"@id":"https:\/\/www.readwhere.com\/blog\/core-web-vitals\/#primaryimage"},"thumbnailUrl":"https:\/\/www.readwhere.com\/blog\/wp-content\/uploads\/2020\/07\/5f0d9c79f1130_webvitals.jpg","datePublished":"2020-07-14T11:52:56+00:00","dateModified":"2020-11-11T09:30:30+00:00","author":{"@id":"https:\/\/www.readwhere.com\/blog\/#\/schema\/person\/854eb40e61f8ea262f50c17bf7634f7d"},"description":"Learn everything about core web vitals and all the important aspects related to it. Improve your CLS, FID and LCP score with Core Web Vitals.","breadcrumb":{"@id":"https:\/\/www.readwhere.com\/blog\/core-web-vitals\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.readwhere.com\/blog\/core-web-vitals\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.readwhere.com\/blog\/core-web-vitals\/#primaryimage","url":"https:\/\/www.readwhere.com\/blog\/wp-content\/uploads\/2020\/07\/5f0d9c79f1130_webvitals.jpg","contentUrl":"https:\/\/www.readwhere.com\/blog\/wp-content\/uploads\/2020\/07\/5f0d9c79f1130_webvitals.jpg","width":700,"height":466,"caption":""},{"@type":"BreadcrumbList","@id":"https:\/\/www.readwhere.com\/blog\/core-web-vitals\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.readwhere.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Understanding the Core Web Vitals and its metrices for seamless web user experience"}]},{"@type":"WebSite","@id":"https:\/\/www.readwhere.com\/blog\/#website","url":"https:\/\/www.readwhere.com\/blog\/","name":"Readwhere Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.readwhere.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.readwhere.com\/blog\/#\/schema\/person\/854eb40e61f8ea262f50c17bf7634f7d","name":"Neha Gore","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.readwhere.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c5f167cf3d09a2da0110801c8043e515018bb54db91f7008e3b8cfc34eb0a820?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c5f167cf3d09a2da0110801c8043e515018bb54db91f7008e3b8cfc34eb0a820?s=96&d=mm&r=g","caption":"Neha Gore"},"url":"https:\/\/www.readwhere.com\/blog\/author\/neha-gore\/"}]}},"_links":{"self":[{"href":"https:\/\/www.readwhere.com\/blog\/wp-json\/wp\/v2\/posts\/17256191","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.readwhere.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.readwhere.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.readwhere.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.readwhere.com\/blog\/wp-json\/wp\/v2\/comments?post=17256191"}],"version-history":[{"count":2,"href":"https:\/\/www.readwhere.com\/blog\/wp-json\/wp\/v2\/posts\/17256191\/revisions"}],"predecessor-version":[{"id":29326317,"href":"https:\/\/www.readwhere.com\/blog\/wp-json\/wp\/v2\/posts\/17256191\/revisions\/29326317"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.readwhere.com\/blog\/wp-json\/wp\/v2\/media\/27335118"}],"wp:attachment":[{"href":"https:\/\/www.readwhere.com\/blog\/wp-json\/wp\/v2\/media?parent=17256191"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.readwhere.com\/blog\/wp-json\/wp\/v2\/categories?post=17256191"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.readwhere.com\/blog\/wp-json\/wp\/v2\/tags?post=17256191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}