{"id":44829,"date":"2023-02-20T12:30:38","date_gmt":"2023-02-20T18:30:38","guid":{"rendered":"https:\/\/www.rosehosting.com\/blog\/?p=44829"},"modified":"2024-12-31T02:18:17","modified_gmt":"2024-12-31T08:18:17","slug":"improve-core-web-vitals","status":"publish","type":"post","link":"https:\/\/www.rosehosting.com\/blog\/improve-core-web-vitals\/","title":{"rendered":"Best Ways to Improve Core Web Vitals"},"content":{"rendered":"<div id=\"bsf_rt_marker\"><\/div>\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/01\/best-ways-to-improve-core-web-vitals.jpg\" alt=\"best ways to improve core web vitals\" class=\"wp-image-44859\" srcset=\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/01\/best-ways-to-improve-core-web-vitals.jpg 900w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/01\/best-ways-to-improve-core-web-vitals-300x200.jpg 300w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/01\/best-ways-to-improve-core-web-vitals-150x100.jpg 150w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/01\/best-ways-to-improve-core-web-vitals-768x512.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p>Optimizing website performance is essential for businesses today. In the digital age, visitors expect fast-loading websites with smooth scrolling and seamless transitions. Google has recently introduced the Core Web Vitals metric to measure performance.<\/p>\n\n\n\n<p>This metric determines the page experience score, which affects the website\u2019s ranking on the search engine result page. In this article, we will discuss Core Web Vitals, why website performance optimization is important, and how to improve Core Web Vitals.<\/p>\n\n\n\n<!--more-->\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-transparent ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69cbc5948999a\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"ez-toc-cssicon\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69cbc5948999a\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.rosehosting.com\/blog\/improve-core-web-vitals\/#What-are-Core-Web-Vitals\" >What are Core Web Vitals?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.rosehosting.com\/blog\/improve-core-web-vitals\/#How-to-Measure-Core-Web-Vitals-Recommended-Tools\" >How to Measure Core Web Vitals (Recommended Tools)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.rosehosting.com\/blog\/improve-core-web-vitals\/#Strategies-to-Improve-Core-Web-Vitals\" >Strategies to Improve Core Web Vitals<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.rosehosting.com\/blog\/improve-core-web-vitals\/#Change-Web-Hosting-Provider\" >Change Web Hosting Provider<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.rosehosting.com\/blog\/improve-core-web-vitals\/#Conclusion\" >Conclusion<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What-are-Core-Web-Vitals\"><\/span>What are Core Web Vitals?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Core Web Vitals are a set of performance metrics used to measure the page experience score of a website. These metrics are based on how users interact with a website, such as the time it takes for a page to load, the smoothness of scrolling, or the responsiveness of the page, among others.<\/p>\n\n\n\n<p>The Core Web Vitals program was launched in 2021 by Google in an effort to provide webmasters with standardized metrics to evaluate the loading performance of their sites.<\/p>\n\n\n\n<p>Google has made these metrics a ranking factor in its search engine, meaning that the <a href=\"https:\/\/pagespeed.web.dev\/report?url=https%3A%2F%2Frosehosting.com%2F\">websites with the higher Core Web Vitals scores<\/a> are ranked higher in the SERPs.<\/p>\n\n\n\n<p>The three main Core Web Vitals that play a crucial role in website performance optimization are:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Largest Contentful Paint (LCP) <\/strong>\u2013 measures the time it takes for the largest content element on a page to become visible to the user.<\/li>\n\n\n\n<li><strong>First Input Delay (FID)<\/strong> \u2013 measures the time it takes for a user to interact with a page after it has loaded.<\/li>\n\n\n\n<li><strong>Cumulative Layout Shift (CLS)<\/strong> \u2013 measures the amount of unexpected layout shifts on a page, and it can help determine how stable a page is.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/01\/core-web-vitals.jpg\" alt=\"core web vitals\" class=\"wp-image-44860\" srcset=\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/01\/core-web-vitals.jpg 900w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/01\/core-web-vitals-300x200.jpg 300w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/01\/core-web-vitals-150x100.jpg 150w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/01\/core-web-vitals-768x512.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Largest Contentful Paint<\/h3>\n\n\n\n<p>Largest Contentful Paint (LCP) is a critical, consumer-oriented guideline for evaluating a website\u2019s load speed. It indicates the point on the web page where the largest content element has been rendered and is visible to the user. LCP measures the loading time of the largest visual element of a web page.<\/p>\n\n\n\n<p>It is the biggest element that is visible in the user\u2019s viewport, often an image or a text block. Images can be tricky to measure because they can have a large intrinsic size but be resized with HTML or CSS to display as a smaller element. Optimizing the mobile viewport first is important, as Google includes most sites in the mobile-first index. Additionally, images served from another domain (Content delivery Network for example) are generally not included in the LCP score.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">First Input Delay<\/h3>\n\n\n\n<p>When a user visits a website or opens an application, the browser needs to download, parse and execute the JavaScript. The browser needs to do this before it can respond to the user\u2019s input. The FID metric measures the time it takes for this process to complete. This can vary depending on the complexity of the website or application, the size of the files being downloaded, and the device&#8217;s capabilities.<\/p>\n\n\n\n<p>It is important to measure FID as it directly impacts user experience. A slow FID can lead to users not being able to interact with the website or application. This can lead to frustration, and in some cases, users may even give up and navigate to a different site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Cumulative Layout Shift<\/h3>\n\n\n\n<p>Cumulative Layout Shift (CLS) measures users\u2019 experience when web pages shift unexpectedly while they interact with them. CLS provides a way to measure how much of the user\u2019s viewport shifts during the interaction with the page, as well as how much of the viewport shifts due to elements being loaded asynchronously<\/p>\n\n\n\n<p>So, for example, your website would get a large CLS score (over 0.25) if a visitor loads your page, and in the process, the element on the page start to shift unexpectedly. This can happen with elements such as ads, banners, images, and many more.<\/p>\n\n\n\n<p>A good CLS score indicates not only solid Core Web Vitals results but also better user experience, which eventually leads to reduced bounce rates and more conversions.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How-to-Measure-Core-Web-Vitals-Recommended-Tools\"><\/span>How to Measure Core Web Vitals (Recommended Tools)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/01\/slow-website.jpg\" alt=\"slow website\" class=\"wp-image-44863\" srcset=\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/01\/slow-website.jpg 900w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/01\/slow-website-300x200.jpg 300w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/01\/slow-website-150x100.jpg 150w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/01\/slow-website-768x512.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p>Testing and measuring core web vitals are the first (and crucial) steps in identifying what\u2019s slowing down your website and which steps you need to take to remedy this condition.<\/p>\n\n\n\n<p>Lucky for you, there are several tried and tested tools that can guide you through this process. As a website owner, you can take advantage of the following:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Search Console\u2019s Core Web Vitals report<\/li>\n\n\n\n<li>PageSpeed Insights<\/li>\n\n\n\n<li>Lighthouse<\/li>\n\n\n\n<li>Chrome DevTools<\/li>\n\n\n\n<li>Chrome UX Report and the<\/li>\n\n\n\n<li>Web Vitals Extension<\/li>\n<\/ul>\n\n\n\n<p>Each of these tools offers different measurements, so it\u2019s important to use them in combination to get a true understanding of site performance. For example, PageSpeed Insights offers LCP, FID, and CLS measurements, while Lighthouse offers LCP, FID, and Total Blocking Time measurements.<\/p>\n\n\n\n<p>Finally, the Core Web Vitals should be measured alongside other user experience metrics to understand the user experience fully. This includes metrics like page speed, usability, accessibility, and more. By doing this, website owners ensure they deliver the best user experience possible.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Strategies-to-Improve-Core-Web-Vitals\"><\/span>Strategies to Improve Core Web Vitals<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Once you have tested your website\u2019s Core Vitals, if you\u2019ve gotten results that don\u2019t meet your needs, you can start taking steps to improve them. There are several different strategies you can employ to perform this task, such as:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Optimizing&nbsp; images<\/li>\n\n\n\n<li>Optimizing code<\/li>\n\n\n\n<li>Optimizing third-party scripts<\/li>\n\n\n\n<li>Using a Content Delivery Network (CDN)<\/li>\n\n\n\n<li>Enabling lazy loading<\/li>\n\n\n\n<li>Optimizing web fonts<\/li>\n\n\n\n<li>Choosing a better hosting provider<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Optimize Images<\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/01\/optimize-images-for-web.jpg\" alt=\"optimize images for web\" class=\"wp-image-44861\" srcset=\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/01\/optimize-images-for-web.jpg 900w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/01\/optimize-images-for-web-300x200.jpg 300w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/01\/optimize-images-for-web-150x100.jpg 150w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/01\/optimize-images-for-web-768x512.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p>Probably the first step in improving your Core Web Vitals. In fact, you shouldn\u2019t wait until you get a warning. Optimizing images should be a priority whenever adding a new piece of content to your website.<\/p>\n\n\n\n<p>And even though this step seems logical, many people fail to adhere to it, leading to various speed issues down the line.<\/p>\n\n\n\n<p>Images can really add to the value and visual experience of your website. On the other hand, having too many of them and not having them properly optimized can do you more harm than good for your website\u2019s performance.<\/p>\n\n\n\n<p>The best way to do this is to compress your images before adding them to your blog or website. There are more tools than you can imagine that can help you prepare your images and have them web ready.<\/p>\n\n\n\n<p>One thing to always bear in mind is that you need to avoid losing quality when compressing images. Choosing lossless formats like <strong>WebP<\/strong> or <strong>AVIF<\/strong> will not only leave you with a high-quality image but also one that\u2019s greatly reduced in size.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Optimize Web Fonts<\/h3>\n\n\n\n<p>Similar to images, web fonts are also external resources that play a significant role in developing a distinctive brand identity.<\/p>\n\n\n\n<p>However, the fonts you use on your website can affect how quickly the site loads just as much as images can. Each time the site gets loaded, the browser must download the font family with all the variations available.<\/p>\n\n\n\n<p>That\u2019s why you should always consider optimizing your web fonts to enhance the efficiency of your website. Put some thought into the type of fonts and the number of variants you plan on employing on your site.<\/p>\n\n\n\n<p>The size of the uploaded file will vary between the specific fonts. For the best page speed, keep the number of custom web font variants to no more than four (general, italic, and bold for body text) and another font family for your headings.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Optimize Your Code<\/h3>\n\n\n\n<p>More often than not, you\u2019ll find the culprit for your poor Core Web Vitals score in your code. There\u2019s always something you can change to improve your website\u2019s performance.<\/p>\n\n\n\n<p>However, there are certain things that won\u2019t require too much effort, and that can yield immediate results.<\/p>\n\n\n\n<p>The first (and most common) action you can take is to minify CSS, Javascript, and HTML files. Eliminating any type of redundant indentations, spaces, or comments from your code can greatly reduce file sizes. The code will be harder to read but easier to load. If you\u2019re using WordPress, using plugins like Autoptimize or WP Super Minify can make your life much easier.<\/p>\n\n\n\n<p>Another thing you can do is defer non-essential Javascript. What does this mean? When you have Javascript code on your page, the browser won\u2019t load any essential elements such as HTML or CSS until the JS is finished loading. This can lead to a visitor getting a blank page, which hurts both the UX of your site and the Core Web Vitals.<\/p>\n\n\n\n<p>Therefore, you can reverse this order and allow the HTML to load first. You can also use a plugin (like WP Rocket) to help you with this.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Optimize Third-Party Scripts<\/h3>\n\n\n\n<p>Third-party scripts are JavaScript resources that are loaded into a webpage to provide functionality to the website. This can include scripts embedded into any site directly from a third-party vendor or any script you can directly embed into your website from a third-party vendor.<\/p>\n\n\n\n<p>These scripts can add a variety of valuable elements to a website page, providing your website with much more interactivity and functionality. What makes them \u201cthird-party\u201d is that they are not hosted on your server but an outside one. There are countless examples of third-party scripts. We\u2019ll list&nbsp; just a couple of the most widely used:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ads<\/li>\n\n\n\n<li>Embedded videos<\/li>\n\n\n\n<li>Commenting platforms<\/li>\n\n\n\n<li>Social media buttons<\/li>\n\n\n\n<li>Analytics tools<\/li>\n\n\n\n<li>Newsletter pop-ups and more<\/li>\n<\/ul>\n\n\n\n<p>Although these scripts add to the website&#8217;s overall functionality, the truth is they can cause performance issues due to their size and the potential to increase security and privacy risks. In fact. Third-party scripts usually are the main reason your site loads slower than it should.<\/p>\n\n\n\n<p>There are several steps you can take to avoid third-party scripts affecting your website\u2019s performance:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use only those scripts that are absolutely necessary<\/li>\n\n\n\n<li>Lazy-load scripts<\/li>\n\n\n\n<li>Reduce the size of third-party scripts<\/li>\n\n\n\n<li>Host the scripts on your server<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Enable Lazy Loading<\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/01\/enable-lazy-loading.jpg\" alt=\"enable lazy loading\" class=\"wp-image-44862\" srcset=\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/01\/enable-lazy-loading.jpg 900w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/01\/enable-lazy-loading-300x200.jpg 300w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/01\/enable-lazy-loading-150x100.jpg 150w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/01\/enable-lazy-loading-768x512.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p>Lazy loading is an optimization technique that defers the loading of content that lies below the fold. This type of optimization is mainly applied to off-screen images and other content like videos and scripts, which can be loaded asynchronously or on demand.<\/p>\n\n\n\n<p>Lazy loading means that when a page loads, certain elements of the page won\u2019t load until a user scrolls down a page, and the need for those elements to be displayed arises.<\/p>\n\n\n\n<p>There are numerous benefits to the implementation of this technique. First of all, eliminating the parts of the page that are unnecessary at the given moment means that the size of the page is smaller. Reducing the page size can help improve your LCP score by making the page load faster. In return, having a page that loads quickly will improve overall user experience, reduce bounce rates, boost conversions, and ultimately help your SERP rankings.<\/p>\n\n\n\n<p>By deferring the loading of content that lies below the fold, it can also help improve your CLS score by reducing unexpected layout shifts. Additionally, lazy loading can help improve your FID score by ensuring that your page responds quickly to user interactions.<\/p>\n\n\n\n<p>However, it is important to note that overuse of lazy loading can negatively affect your website\u2019s performance. It is also important to prioritize above-the-fold images, as this can help ensure that users don\u2019t have to wait for the page\u2019s biggest element to load.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Use a Content-Delivery Network (CDN)<\/h3>\n\n\n\n<p>A <a href=\"https:\/\/www.rosehosting.com\/blog\/what-is-a-cdn-and-why-you-need-it\/\">CDN helps improve Core Web Vitals<\/a> in several ways. First, it helps reduce latency, which is one of the main factors determining a website&#8217;s loading speed. In doing so, websites are able to respond faster and provide a better user experience. Second, a CDN can improve server performance by taking the burden of delivering content from the origin server, allowing it to focus on other tasks.<\/p>\n\n\n\n<p>Third, a CDN can help reduce the amount of bandwidth used for website traffic, as it stores and serves content from its distributed servers rather than from the origin server.<\/p>\n\n\n\n<p>Additionally, a CDN helps in improving overall website security. As content is spread across multiple servers, there is less chance of a single point of failure, minimizing the risks of malicious attacks. Also, some CDNs provide extra security features such as DDoS protection and web application firewalls.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Change-Web-Hosting-Provider\"><\/span>Change Web Hosting Provider<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>When dealing with poor Core Web Vitals results, more often than not, you\u2019d be safe to bet that your hosting provider plays a major part in that. Once your website starts gaining traction, chances are that shared hosting will not be good enough for you.<\/p>\n\n\n\n<p>Dedicated or managed VPS servers should be more than enough to cover your needs. It might be time to consider either upgrading your plan or switching to another, more reliable, <a href=\"https:\/\/www.rosehosting.com\/managed-vps-hosting\/\">managed hosting provider<\/a>.<\/p>\n\n\n\n<p>In the end, this is probably the most significant choice you\u2019ll have to make, which will directly define the overall performance of your website. Just make sure you choose a host that offers top-of-the-line servers with the <a href=\"https:\/\/www.rosehosting.com\/about-us\/hosting-customer-reviews\/\">highest quality support<\/a>, and you\u2019re good to go.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Optimizing your website for performance is an ongoing process, and it is something that you\u2019ll always have to pay special attention to.<\/p>\n\n\n\n<p>Google Core Web Vitals are meant to keep you on your toes and not let you get complacent regarding your website\u2019s user experience and overall performance. And that is a good thing! This means that the Web is slowly becoming a place where websites with a quality, user-centric approach are awarded, and low-quality or spammy sites get pushed to the back.<\/p>\n\n\n\n<p>Google considers the previous 28-day period to determine your Core Web Vitals score. Thus, testing your website should always be on your to-do list, at least on a monthly basis. In doing so, you will have a detailed insight into what you need to work on to make your website\u2019s user experience even more enjoyable.<\/p>\n\n\n\n<p>Employing a user-first approach will also allow you to reap all the other benefits that accompany this process, such as reduced bounce rate, higher conversions, better SERP rankings, and ultimately, as a result of all of this &#8211; increased brand recognition.<\/p>\n\n\n\n<p>If all of this seems a bit overwhelming, you can always switch to a quality-managed hosting provider that will not only help you improve website speed but also provide you with 24\/7 assistance and guidance on how to improve your Core Web Vitals.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Optimizing website performance is essential for businesses today. In the digital age, visitors expect fast-loading websites with smooth scrolling and &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"Best Ways to Improve Core Web Vitals\" class=\"read-more button\" href=\"https:\/\/www.rosehosting.com\/blog\/improve-core-web-vitals\/#more-44829\" aria-label=\"Read more about Best Ways to Improve Core Web Vitals\">Read More<\/a><\/p>\n","protected":false},"author":5,"featured_media":44859,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1236,1704,606],"tags":[2045,537],"class_list":["post-44829","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guides","category-optimization","category-seo","tag-core-web-vitals","tag-improve-website-performance","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-33"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.2 (Yoast SEO v27.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Best Ways to Improve Core Web Vitals | RoseHosting<\/title>\n<meta name=\"description\" content=\"Let us guide you through Core Web Vitals, a set of Google&#039;s metrics made to determine the quality of your website&#039;s performance. Let&#039;s go!\" \/>\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.rosehosting.com\/blog\/improve-core-web-vitals\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Best Ways to Improve Core Web Vitals\" \/>\n<meta property=\"og:description\" content=\"Let us guide you through Core Web Vitals, a set of Google&#039;s metrics made to determine the quality of your website&#039;s performance. Let&#039;s go!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.rosehosting.com\/blog\/improve-core-web-vitals\/\" \/>\n<meta property=\"og:site_name\" content=\"RoseHosting\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/RoseHosting\" \/>\n<meta property=\"article:published_time\" content=\"2023-02-20T18:30:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-31T08:18:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/01\/best-ways-to-improve-core-web-vitals.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Nik Pasic\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Best Ways to Improve Core Web Vitals\" \/>\n<meta name=\"twitter:description\" content=\"Let us guide you through Core Web Vitals, a set of Google&#039;s metrics made to determine the quality of your website&#039;s performance. Let&#039;s go!\" \/>\n<meta name=\"twitter:creator\" content=\"@nikpasic\" \/>\n<meta name=\"twitter:site\" content=\"@rosehosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nik Pasic\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.rosehosting.com\/blog\/improve-core-web-vitals\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.rosehosting.com\/blog\/improve-core-web-vitals\/\"},\"author\":{\"name\":\"Nik Pasic\",\"@id\":\"https:\/\/www.rosehosting.com\/blog\/#\/schema\/person\/f14d48be8dd59391cc675cea2b238017\"},\"headline\":\"Best Ways to Improve Core Web Vitals\",\"datePublished\":\"2023-02-20T18:30:38+00:00\",\"dateModified\":\"2024-12-31T08:18:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.rosehosting.com\/blog\/improve-core-web-vitals\/\"},\"wordCount\":2398,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.rosehosting.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.rosehosting.com\/blog\/improve-core-web-vitals\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/01\/best-ways-to-improve-core-web-vitals.jpg\",\"keywords\":[\"core web vitals\",\"improve website performance\"],\"articleSection\":[\"Guides\",\"Optimization\",\"SEO\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.rosehosting.com\/blog\/improve-core-web-vitals\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.rosehosting.com\/blog\/improve-core-web-vitals\/\",\"url\":\"https:\/\/www.rosehosting.com\/blog\/improve-core-web-vitals\/\",\"name\":\"Best Ways to Improve Core Web Vitals | RoseHosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.rosehosting.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.rosehosting.com\/blog\/improve-core-web-vitals\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.rosehosting.com\/blog\/improve-core-web-vitals\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/01\/best-ways-to-improve-core-web-vitals.jpg\",\"datePublished\":\"2023-02-20T18:30:38+00:00\",\"dateModified\":\"2024-12-31T08:18:17+00:00\",\"description\":\"Let us guide you through Core Web Vitals, a set of Google's metrics made to determine the quality of your website's performance. Let's go!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.rosehosting.com\/blog\/improve-core-web-vitals\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.rosehosting.com\/blog\/improve-core-web-vitals\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.rosehosting.com\/blog\/improve-core-web-vitals\/#primaryimage\",\"url\":\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/01\/best-ways-to-improve-core-web-vitals.jpg\",\"contentUrl\":\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/01\/best-ways-to-improve-core-web-vitals.jpg\",\"width\":900,\"height\":600,\"caption\":\"best ways to improve core web vitals\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.rosehosting.com\/blog\/improve-core-web-vitals\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.rosehosting.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Best Ways to Improve Core Web Vitals\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.rosehosting.com\/blog\/#website\",\"url\":\"https:\/\/www.rosehosting.com\/blog\/\",\"name\":\"RoseHosting.com\",\"description\":\"Premium Linux Tutorials Since 2001\",\"publisher\":{\"@id\":\"https:\/\/www.rosehosting.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.rosehosting.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.rosehosting.com\/blog\/#organization\",\"name\":\"RoseHosting\",\"url\":\"https:\/\/www.rosehosting.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.rosehosting.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2022\/03\/android-chrome-192x192-1.png\",\"contentUrl\":\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2022\/03\/android-chrome-192x192-1.png\",\"width\":192,\"height\":192,\"caption\":\"RoseHosting\"},\"image\":{\"@id\":\"https:\/\/www.rosehosting.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/RoseHosting\",\"https:\/\/x.com\/rosehosting\",\"https:\/\/www.linkedin.com\/in\/rosehosting\/\"],\"description\":\"RoseHosting is a leading Linux hosting provider, serving thousands of clients world-wide since 2001.\",\"email\":\"info@rosehosting.com\",\"telephone\":\"(314) 275-0414\",\"legalName\":\"Rose Web Services LLC\",\"foundingDate\":\"2001-04-02\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"minValue\":\"11\",\"maxValue\":\"50\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.rosehosting.com\/blog\/#\/schema\/person\/f14d48be8dd59391cc675cea2b238017\",\"name\":\"Nik Pasic\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/e7cc7da71996789a877ce4141c4ca6adf73a1d40ba48087820ce1bdb59260ceb?s=96&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e7cc7da71996789a877ce4141c4ca6adf73a1d40ba48087820ce1bdb59260ceb?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e7cc7da71996789a877ce4141c4ca6adf73a1d40ba48087820ce1bdb59260ceb?s=96&r=g\",\"caption\":\"Nik Pasic\"},\"description\":\"Digital marketing expert with decades of experience. Passionate about helping out and sharing knowledge on all things digital.\",\"sameAs\":[\"https:\/\/www.nikpasic.com\",\"https:\/\/au.linkedin.com\/in\/nikpasic\",\"https:\/\/x.com\/nikpasic\"],\"url\":\"https:\/\/www.rosehosting.com\/blog\/author\/npasic\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Best Ways to Improve Core Web Vitals | RoseHosting","description":"Let us guide you through Core Web Vitals, a set of Google's metrics made to determine the quality of your website's performance. Let's go!","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.rosehosting.com\/blog\/improve-core-web-vitals\/","og_locale":"en_US","og_type":"article","og_title":"Best Ways to Improve Core Web Vitals","og_description":"Let us guide you through Core Web Vitals, a set of Google's metrics made to determine the quality of your website's performance. Let's go!","og_url":"https:\/\/www.rosehosting.com\/blog\/improve-core-web-vitals\/","og_site_name":"RoseHosting","article_publisher":"https:\/\/www.facebook.com\/RoseHosting","article_published_time":"2023-02-20T18:30:38+00:00","article_modified_time":"2024-12-31T08:18:17+00:00","og_image":[{"width":900,"height":600,"url":"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/01\/best-ways-to-improve-core-web-vitals.jpg","type":"image\/jpeg"}],"author":"Nik Pasic","twitter_card":"summary_large_image","twitter_title":"Best Ways to Improve Core Web Vitals","twitter_description":"Let us guide you through Core Web Vitals, a set of Google's metrics made to determine the quality of your website's performance. Let's go!","twitter_creator":"@nikpasic","twitter_site":"@rosehosting","twitter_misc":{"Written by":"Nik Pasic","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.rosehosting.com\/blog\/improve-core-web-vitals\/#article","isPartOf":{"@id":"https:\/\/www.rosehosting.com\/blog\/improve-core-web-vitals\/"},"author":{"name":"Nik Pasic","@id":"https:\/\/www.rosehosting.com\/blog\/#\/schema\/person\/f14d48be8dd59391cc675cea2b238017"},"headline":"Best Ways to Improve Core Web Vitals","datePublished":"2023-02-20T18:30:38+00:00","dateModified":"2024-12-31T08:18:17+00:00","mainEntityOfPage":{"@id":"https:\/\/www.rosehosting.com\/blog\/improve-core-web-vitals\/"},"wordCount":2398,"commentCount":0,"publisher":{"@id":"https:\/\/www.rosehosting.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.rosehosting.com\/blog\/improve-core-web-vitals\/#primaryimage"},"thumbnailUrl":"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/01\/best-ways-to-improve-core-web-vitals.jpg","keywords":["core web vitals","improve website performance"],"articleSection":["Guides","Optimization","SEO"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.rosehosting.com\/blog\/improve-core-web-vitals\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.rosehosting.com\/blog\/improve-core-web-vitals\/","url":"https:\/\/www.rosehosting.com\/blog\/improve-core-web-vitals\/","name":"Best Ways to Improve Core Web Vitals | RoseHosting","isPartOf":{"@id":"https:\/\/www.rosehosting.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.rosehosting.com\/blog\/improve-core-web-vitals\/#primaryimage"},"image":{"@id":"https:\/\/www.rosehosting.com\/blog\/improve-core-web-vitals\/#primaryimage"},"thumbnailUrl":"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/01\/best-ways-to-improve-core-web-vitals.jpg","datePublished":"2023-02-20T18:30:38+00:00","dateModified":"2024-12-31T08:18:17+00:00","description":"Let us guide you through Core Web Vitals, a set of Google's metrics made to determine the quality of your website's performance. Let's go!","breadcrumb":{"@id":"https:\/\/www.rosehosting.com\/blog\/improve-core-web-vitals\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.rosehosting.com\/blog\/improve-core-web-vitals\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.rosehosting.com\/blog\/improve-core-web-vitals\/#primaryimage","url":"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/01\/best-ways-to-improve-core-web-vitals.jpg","contentUrl":"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/01\/best-ways-to-improve-core-web-vitals.jpg","width":900,"height":600,"caption":"best ways to improve core web vitals"},{"@type":"BreadcrumbList","@id":"https:\/\/www.rosehosting.com\/blog\/improve-core-web-vitals\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.rosehosting.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Best Ways to Improve Core Web Vitals"}]},{"@type":"WebSite","@id":"https:\/\/www.rosehosting.com\/blog\/#website","url":"https:\/\/www.rosehosting.com\/blog\/","name":"RoseHosting.com","description":"Premium Linux Tutorials Since 2001","publisher":{"@id":"https:\/\/www.rosehosting.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.rosehosting.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.rosehosting.com\/blog\/#organization","name":"RoseHosting","url":"https:\/\/www.rosehosting.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.rosehosting.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2022\/03\/android-chrome-192x192-1.png","contentUrl":"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2022\/03\/android-chrome-192x192-1.png","width":192,"height":192,"caption":"RoseHosting"},"image":{"@id":"https:\/\/www.rosehosting.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/RoseHosting","https:\/\/x.com\/rosehosting","https:\/\/www.linkedin.com\/in\/rosehosting\/"],"description":"RoseHosting is a leading Linux hosting provider, serving thousands of clients world-wide since 2001.","email":"info@rosehosting.com","telephone":"(314) 275-0414","legalName":"Rose Web Services LLC","foundingDate":"2001-04-02","numberOfEmployees":{"@type":"QuantitativeValue","minValue":"11","maxValue":"50"}},{"@type":"Person","@id":"https:\/\/www.rosehosting.com\/blog\/#\/schema\/person\/f14d48be8dd59391cc675cea2b238017","name":"Nik Pasic","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/e7cc7da71996789a877ce4141c4ca6adf73a1d40ba48087820ce1bdb59260ceb?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/e7cc7da71996789a877ce4141c4ca6adf73a1d40ba48087820ce1bdb59260ceb?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e7cc7da71996789a877ce4141c4ca6adf73a1d40ba48087820ce1bdb59260ceb?s=96&r=g","caption":"Nik Pasic"},"description":"Digital marketing expert with decades of experience. Passionate about helping out and sharing knowledge on all things digital.","sameAs":["https:\/\/www.nikpasic.com","https:\/\/au.linkedin.com\/in\/nikpasic","https:\/\/x.com\/nikpasic"],"url":"https:\/\/www.rosehosting.com\/blog\/author\/npasic\/"}]}},"_links":{"self":[{"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/posts\/44829","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/comments?post=44829"}],"version-history":[{"count":7,"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/posts\/44829\/revisions"}],"predecessor-version":[{"id":45973,"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/posts\/44829\/revisions\/45973"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/media\/44859"}],"wp:attachment":[{"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/media?parent=44829"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/categories?post=44829"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/tags?post=44829"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}