{"id":119500,"date":"2021-07-30T23:55:00","date_gmt":"2021-07-31T04:55:00","guid":{"rendered":"https:\/\/wpengine.com\/?post_type=resource&#038;p=119500"},"modified":"2025-05-13T10:20:13","modified_gmt":"2025-05-13T15:20:13","slug":"measuring-and-improving-site-performance-core-web-vitals","status":"publish","type":"resource","link":"https:\/\/wpengine.com\/resources\/measuring-and-improving-site-performance-core-web-vitals\/","title":{"rendered":"Measuring and Improving Site Performance With Core Web Vitals"},"content":{"rendered":"\n<p><strong>Editor&#8217;s note:<\/strong> in March 2024 First Input Delay (FID) will be officially replaced with a new and pending Core Web Vitals metric, Interaction to Next Paint (INP). According to <a href=\"https:\/\/web.dev\/articles\/inp\">web.dev<\/a>, &#8220;INP assesses responsiveness using data from the Event Timing API. When an interaction causes a page to become unresponsive, that is a poor user experience. INP observes the latency of all interactions a user has made with the page, and reports a single value which all (or nearly all) interactions were below. A low INP means the page was consistently able to respond quickly to all\u2014or the vast majority\u2014of user interactions.&#8221; Read more about how this change in Google&#8217;s page experience metrics will impact the <a href=\"https:\/\/wpengine.com\/blog\/core-web-vitals-what-to-know-2024\/\">Core Web Vitals that are essential to website performance in 2024<\/a>. <\/p>\n\n\n\n<p>Since the dawn of the Internet, improvements to website performance have mainly been focused on speed.&nbsp;<\/p>\n\n\n\n<p>While speed is certainly important, today\u2019s definition of website performance should also include an emphasis on the overall end-user or page experience encountered by a site visitor.<\/p>\n\n\n\n<p>This ebook, which was co-authored with <a href=\"https:\/\/developers.google.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Google<\/a> and <a href=\"https:\/\/10up.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">10up<\/a>, a <a href=\"https:\/\/wpengine.com\/agency-partner-program\/\" target=\"_blank\" rel=\"noreferrer noopener\">WP Engine Agency Partner<\/a>,&nbsp; explains why website performance matters more than ever, with specific steps site owners and developers can take to measure and improve website performance using Core Web Vitals.<\/p>\n\n\n\n<p class=\"has-text-align-center has-black-color has-text-color has-medium-font-size\"><strong>Download the ebook now to read the full report!<\/strong><\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Why Website Performance Matters<\/strong><\/h2>\n\n\n\n<p>Beyond the importance of search engine rankings, building high-performing sites with a focus on page experience affects that crucial moment when a user decides to further engage with you, either by consuming additional content or making a purchase.&nbsp;<\/p>\n\n\n\n<p>Speed is important here, as fast-loading sites prevent users from exiting a page or abandoning a shopping cart. However,&nbsp; in order to provide an exceptional page experience for each and every user, performance should also include additional factors aimed at creating visually stable websites that are responsive on any device.<\/p>\n\n\n\n<p>Core Web Vitals offer a framework for creating sites that check all of these boxes. For site owners and developers, this larger view of performance must be front and center in order to create new and innovative experiences that engage users while increasing business-driven metrics.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Measuring Page Experience<\/strong><\/h2>\n\n\n\n<p>Optimizing for page experience is key to the long-term success of any site. Getting it right requires appropriate focus on the right areas as well as ongoing attention and investment.&nbsp;<\/p>\n\n\n\n<p>Core Web Vitals have been introduced with this in mind, and represent a larger effort to provide unified guidance for quality signals that are essential to delivering a great page experience.&nbsp;<\/p>\n\n\n\n<p>While the list is set to <a href=\"https:\/\/web.dev\/vitals\/#evolving-web-vitals\" target=\"_blank\" rel=\"noreferrer noopener\">evolve over time<\/a>, Core Web Vitals currently measure page experience using the following three metrics:&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"311\" src=\"https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2021\/07\/Screen-Shot-2021-05-07-at-10.59.51-AM-1024x311.png\" alt=\"List of Google's Core Web Vitals\" class=\"wp-image-119670\" srcset=\"https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2021\/07\/Screen-Shot-2021-05-07-at-10.59.51-AM-1024x311.png 1024w, https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2021\/07\/Screen-Shot-2021-05-07-at-10.59.51-AM-540x164.png 540w, https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2021\/07\/Screen-Shot-2021-05-07-at-10.59.51-AM-768x234.png 768w, https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2021\/07\/Screen-Shot-2021-05-07-at-10.59.51-AM-1536x467.png 1536w, https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2021\/07\/Screen-Shot-2021-05-07-at-10.59.51-AM-2048x623.png 2048w, https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2021\/07\/Screen-Shot-2021-05-07-at-10.59.51-AM-1500x456.png 1500w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/web.dev\/lcp\/\" target=\"_blank\" rel=\"noreferrer noopener\">Largest Contentful Paint (LCP)<\/a>: measures loading performance. To provide a good user experience, LCP should occur within 2.5 seconds of when a page first starts loading.<\/li>\n\n\n\n<li><a href=\"https:\/\/web.dev\/fid\/\" target=\"_blank\" rel=\"noreferrer noopener\">First Input Delay (FID)<\/a>: measures interactivity. To provide a good user experience, pages should have a FID of less than 100 milliseconds.<\/li>\n\n\n\n<li><a href=\"https:\/\/web.dev\/cls\/\" target=\"_blank\" rel=\"noreferrer noopener\">Cumulative Layout Shift (CLS)<\/a>: measures visual stability. To provide a good user experience, pages should maintain a CLS of less than 0.1.<\/li>\n<\/ul>\n\n\n\n<p class=\"has-text-align-center has-black-color has-text-color has-medium-font-size\"><strong>Fill out the form to download the full report!&nbsp;&nbsp;<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Core Web Vitals FAQ&nbsp;<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>How do Core Web Vitals affect my site?<\/strong>&nbsp;<\/h3>\n\n\n\n<p>As of June 2021, <a href=\"https:\/\/web.dev\/defining-core-web-vitals-thresholds\/\" target=\"_blank\" rel=\"noreferrer noopener\">Core Web Vitals<\/a> are factored into search results for mobile and desktop, with page experience signals set to play a growing role over time.<\/p>\n\n\n\n<p>As the page experience transition becomes standard practice, it\u2019s imperative that the correct tooling is used when beginning to evaluate the performance of your platform against these new metrics.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>How do I measure my Core Web Vitals?&nbsp;<\/strong><\/h3>\n\n\n\n<p>There are various tools that can be used to measure Core Web Vitals, including <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noreferrer noopener\">PageSpeed Insights<\/a>, <a href=\"https:\/\/developers.google.com\/web\/tools\/lighthouse\" target=\"_blank\" rel=\"noreferrer noopener\">Lighthouse<\/a>, and the <a href=\"https:\/\/developers.google.com\/web\/tools\/chrome-user-experience-report\" target=\"_blank\" rel=\"noreferrer noopener\">Chrome Page Experience Report<\/a>.<\/p>\n\n\n\n<p>Download the full ebook to find out more about each of these solutions as well as additional tooling you can use to measure page experience.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>How do I improve website performance for Core Web Vitals?&nbsp;<\/strong><\/h3>\n\n\n\n<p>You can improve site performance for Core Web Vitals metrics specifically by focusing on these key areas, which affect the overall user or page experience:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Fast hardware and up-to-date software<\/strong> to provide better overall speed and uptime, as well as needed resources to handle uncached hits.&nbsp;<\/li>\n\n\n\n<li><strong>A fast networ<\/strong>k that delivers page content quickly, ensuring optimal load times.&nbsp;<\/li>\n\n\n\n<li><strong>Clean front-end code<\/strong> to reduce unwanted layout shifts and ensure a smooth user experience.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Core Web Vitals: Managed Hosting for WordPress Makes the Difference<\/h2>\n\n\n\n<p>Sites with a <a href=\"https:\/\/wpengine.com\/managed-wordpress-hosting\/\">managed hosting<\/a> provider like WP Engine are already <a href=\"https:\/\/wpengine.com\/resources\/building-on-the-fastest-digital-experience-platform-for-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">well-positioned<\/a> for Core Web Vitals and the page experience update.<\/p>\n\n\n\n<p>WP Engine is the only managed host for WordPress that <a href=\"https:\/\/wpengine.com\/blog\/core-web-vitals-prep-google-experience-update\/#WP\" target=\"_blank\" rel=\"noreferrer noopener\">provides solutions<\/a> for all three Core Web Vitals, as well as the fastest, most reliable managed platform.<\/p>\n\n\n\n<p>From WordPress-specific server configurations and <a href=\"https:\/\/wpengine.com\/google-cloud-platform\/\" target=\"_blank\" rel=\"noreferrer noopener\">leading cloud solutions<\/a> including <a href=\"https:\/\/wpengine.com\/google-cloud-platform\/\" target=\"_blank\" rel=\"noreferrer noopener\">Google Cloud Platform<\/a> to WP Engine\u2019s suite of <a href=\"https:\/\/wpengine.com\/studiopress-themes\/\" target=\"_blank\" rel=\"noreferrer noopener\">StudioPress themes<\/a> and <a href=\"https:\/\/wpengine.com\/more\/achieving-peak-performance-headless-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">headless front-ends<\/a> powered by <a href=\"https:\/\/wpengine.com\/headless-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Headless WordPress<\/a>, WP Engine offers solutions for both small and large sites, all built with Core Web Vitals and other user-centric metrics top of mind.<\/p>\n\n\n\n<p class=\"has-text-align-center has-black-color has-text-color has-medium-font-size\"><strong>Read the full report to find out more!<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Editor&#8217;s note: in March 2024 First Input Delay (FID) will be officially replaced with a new and pending Core Web Vitals metric, Interaction to Next Paint (INP). According to web.dev, &#8220;INP assesses responsiveness using data from the Event Timing API. When an interaction causes a page to become unresponsive, that is a poor user experience.<span class=\"tile__ellipses\">&hellip;<\/span><span class=\"tile__ellipses--animated\"><\/span><\/p>\n","protected":false},"author":200,"featured_media":119856,"template":"","resource-topic":[912],"resource-role":[896,1296,899],"resource-type":[902],"class_list":["post-119500","resource","type-resource","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Measuring and Improving Site Performance With Core Web Vitals<\/title>\n<meta name=\"description\" content=\"Find specific steps site owners and developers can take to measure and improve website performance using 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:\/\/wpengine.com\/resources\/measuring-and-improving-site-performance-core-web-vitals\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Measuring and Improving Site Performance With Core Web Vitals\" \/>\n<meta property=\"og:description\" content=\"Find specific steps site owners and developers can take to measure and improve website performance using Core Web Vitals.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpengine.com\/resources\/measuring-and-improving-site-performance-core-web-vitals\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Engine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wpengine\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-13T15:20:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2021\/07\/WPE-BANNER-MeasureImproveSitePerformance-BlogFeatureImage-1200x628-v01.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@wpengine\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wpengine.com\/resources\/measuring-and-improving-site-performance-core-web-vitals\/\",\"url\":\"https:\/\/wpengine.com\/resources\/measuring-and-improving-site-performance-core-web-vitals\/\",\"name\":\"Measuring and Improving Site Performance With Core Web Vitals\",\"isPartOf\":{\"@id\":\"https:\/\/wpengine.com\/resources\/#website\"},\"datePublished\":\"2021-07-31T04:55:00+00:00\",\"dateModified\":\"2025-05-13T15:20:13+00:00\",\"description\":\"Find specific steps site owners and developers can take to measure and improve website performance using Core Web Vitals.\",\"breadcrumb\":{\"@id\":\"https:\/\/wpengine.com\/resources\/measuring-and-improving-site-performance-core-web-vitals\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpengine.com\/resources\/measuring-and-improving-site-performance-core-web-vitals\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpengine.com\/resources\/measuring-and-improving-site-performance-core-web-vitals\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wpengine.com\/resources\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Resources\",\"item\":\"https:\/\/wpengine.com\/resources\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Measuring and Improving Site Performance With Core Web Vitals\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpengine.com\/resources\/#website\",\"url\":\"https:\/\/wpengine.com\/resources\/\",\"name\":\"WP Engine\",\"description\":\"Managed Hosting for WordPress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wpengine.com\/resources\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/wpengine.com\/resources\/#\/schema\/person\/b732a884dbf4917dcd15ce2e9fbd3652\",\"name\":\"Abe Selig\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpengine.com\/resources\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6deb04da8be57a16bed1b5ad7722572beaa7ed7292795763c9324d46b0ad9454?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6deb04da8be57a16bed1b5ad7722572beaa7ed7292795763c9324d46b0ad9454?s=96&d=mm&r=g\",\"caption\":\"Abe Selig\"},\"description\":\"Abe Selig is a writer, amateur musician and accomplished inshore fisherman. He began his career as a journalist and now tells stories about technology and the ways it\u2019s helping businesses thrive. He is an Austin, TX native who has lived in New York City and traveled all around the world. You can reach him at abe.selig@wpengine.com.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Measuring and Improving Site Performance With Core Web Vitals","description":"Find specific steps site owners and developers can take to measure and improve website performance using 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:\/\/wpengine.com\/resources\/measuring-and-improving-site-performance-core-web-vitals\/","og_locale":"en_US","og_type":"article","og_title":"Measuring and Improving Site Performance With Core Web Vitals","og_description":"Find specific steps site owners and developers can take to measure and improve website performance using Core Web Vitals.","og_url":"https:\/\/wpengine.com\/resources\/measuring-and-improving-site-performance-core-web-vitals\/","og_site_name":"WP Engine","article_publisher":"https:\/\/www.facebook.com\/wpengine","article_modified_time":"2025-05-13T15:20:13+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2021\/07\/WPE-BANNER-MeasureImproveSitePerformance-BlogFeatureImage-1200x628-v01.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@wpengine","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpengine.com\/resources\/measuring-and-improving-site-performance-core-web-vitals\/","url":"https:\/\/wpengine.com\/resources\/measuring-and-improving-site-performance-core-web-vitals\/","name":"Measuring and Improving Site Performance With Core Web Vitals","isPartOf":{"@id":"https:\/\/wpengine.com\/resources\/#website"},"datePublished":"2021-07-31T04:55:00+00:00","dateModified":"2025-05-13T15:20:13+00:00","description":"Find specific steps site owners and developers can take to measure and improve website performance using Core Web Vitals.","breadcrumb":{"@id":"https:\/\/wpengine.com\/resources\/measuring-and-improving-site-performance-core-web-vitals\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpengine.com\/resources\/measuring-and-improving-site-performance-core-web-vitals\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wpengine.com\/resources\/measuring-and-improving-site-performance-core-web-vitals\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpengine.com\/resources\/"},{"@type":"ListItem","position":2,"name":"Resources","item":"https:\/\/wpengine.com\/resources\/"},{"@type":"ListItem","position":3,"name":"Measuring and Improving Site Performance With Core Web Vitals"}]},{"@type":"WebSite","@id":"https:\/\/wpengine.com\/resources\/#website","url":"https:\/\/wpengine.com\/resources\/","name":"WP Engine","description":"Managed Hosting for WordPress","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpengine.com\/resources\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/wpengine.com\/resources\/#\/schema\/person\/b732a884dbf4917dcd15ce2e9fbd3652","name":"Abe Selig","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/resources\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6deb04da8be57a16bed1b5ad7722572beaa7ed7292795763c9324d46b0ad9454?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6deb04da8be57a16bed1b5ad7722572beaa7ed7292795763c9324d46b0ad9454?s=96&d=mm&r=g","caption":"Abe Selig"},"description":"Abe Selig is a writer, amateur musician and accomplished inshore fisherman. He began his career as a journalist and now tells stories about technology and the ways it\u2019s helping businesses thrive. He is an Austin, TX native who has lived in New York City and traveled all around the world. You can reach him at abe.selig@wpengine.com."}]}},"acf":[],"grid_image_url":"https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2021\/07\/WPE-BANNER-MeasureImproveSitePerformance-BlogGrid-343x245-v01-1.jpg","media-type":{"term_id":902,"name":"Ebook","slug":"ebook"},"role":"<strong>Roles:<\/strong> Developer, Publisher, Site Owner","topic":"<strong>Topics:<\/strong> Performance","_links":{"self":[{"href":"https:\/\/wpengine.com\/resources\/wp-json\/wp\/v2\/resource\/119500","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpengine.com\/resources\/wp-json\/wp\/v2\/resource"}],"about":[{"href":"https:\/\/wpengine.com\/resources\/wp-json\/wp\/v2\/types\/resource"}],"author":[{"embeddable":true,"href":"https:\/\/wpengine.com\/resources\/wp-json\/wp\/v2\/users\/200"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpengine.com\/resources\/wp-json\/wp\/v2\/media\/119856"}],"wp:attachment":[{"href":"https:\/\/wpengine.com\/resources\/wp-json\/wp\/v2\/media?parent=119500"}],"wp:term":[{"taxonomy":"resource-topic","embeddable":true,"href":"https:\/\/wpengine.com\/resources\/wp-json\/wp\/v2\/resource-topic?post=119500"},{"taxonomy":"resource-role","embeddable":true,"href":"https:\/\/wpengine.com\/resources\/wp-json\/wp\/v2\/resource-role?post=119500"},{"taxonomy":"resource-type","embeddable":true,"href":"https:\/\/wpengine.com\/resources\/wp-json\/wp\/v2\/resource-type?post=119500"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}