{"id":2145,"date":"2021-07-19T11:24:11","date_gmt":"2021-07-19T11:24:11","guid":{"rendered":"https:\/\/www.clickdo.co.uk\/internet-marketing\/?p=2145"},"modified":"2021-07-19T11:31:50","modified_gmt":"2021-07-19T11:31:50","slug":"improve-site-speed-score-in-web-vitals-test","status":"publish","type":"post","link":"https:\/\/www.clickdo.co.uk\/internet-marketing\/improve-site-speed-score-in-web-vitals-test\/","title":{"rendered":"How to Improve Website Speed and Get Good Score in Web Vitals Test?"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Do you want to improve your website speed? <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Do you want a good score in the web vitals test? If yes, then there are lots of ways that can help. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Today we will talk about the top three techniques for improving site performance and getting better scores in web vitals tests.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2147\" src=\"https:\/\/www.clickdo.co.uk\/internet-marketing\/wp-content\/uploads\/2021\/07\/Improve-Website-Speed-1024x576.jpg\" alt=\"\" width=\"640\" height=\"360\" srcset=\"https:\/\/www.clickdo.co.uk\/internet-marketing\/wp-content\/uploads\/2021\/07\/Improve-Website-Speed-1024x576.jpg 1024w, https:\/\/www.clickdo.co.uk\/internet-marketing\/wp-content\/uploads\/2021\/07\/Improve-Website-Speed-300x169.jpg 300w, https:\/\/www.clickdo.co.uk\/internet-marketing\/wp-content\/uploads\/2021\/07\/Improve-Website-Speed-768x432.jpg 768w, https:\/\/www.clickdo.co.uk\/internet-marketing\/wp-content\/uploads\/2021\/07\/Improve-Website-Speed-1536x864.jpg 1536w, https:\/\/www.clickdo.co.uk\/internet-marketing\/wp-content\/uploads\/2021\/07\/Improve-Website-Speed.jpg 1920w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/span><\/h2>\n<h2><span style=\"font-weight: 400;\">What are Google Core web vitals?<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Core web vitals measures the performance metrics for a WordPress site. These can&#8217;t be left out with Google\u2019s algorithms. Google considers these core web vitals as performance benchmarks to deliver better user experience.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">One of the keys to a successful SEO is the Google score for core web vitals. Thus, you should work hard on making sure your site has everything it needs in order to get a good score.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Slow internet speeds and slow virtual machines can affect how fast a website loads.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">There are many factors that you should weigh when trying to improve your site&#8217;s visibility and loading speed.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">There are 3 mazor factors that are considered in core web vitals:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">LCP &#8211; Largest contentful paint<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">FCP &#8211; First contentful paint<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">CLS &#8211; Cumulative layout shift<\/span><\/li>\n<\/ul>\n<h2><span style=\"font-weight: 400;\">Understanding the Core Web Vitals<\/span><\/h2>\n<p><b>&#8211; FCP &#8211; First Contentful Paint<\/b><\/p>\n<p><span style=\"font-weight: 400;\">The goal is for your site to load in two seconds or less. After the browser has downloaded all of your HTML, CSS and JavaScript files, it then proceeds to download any other resources that are needed (e.g., images). This process can take a long time if there are many large images.<\/span><\/p>\n<p><b>&#8211; CLS &#8211; Cumulative Layout Shift<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Cumulative layout shift is a metric that measures how often and for how long users experience layout shifts. A low cumulative layout shift indicates the site is intuitive and delightful to use.<\/span><\/p>\n<p><b>&#8211; LCP &#8211; Largest Contentful Paint<\/b><\/p>\n<p><span style=\"font-weight: 400;\">This means that the browser&#8217;s painting area has content before any other downloads have finished. The ideal speed should be less than 3 seconds on mobile devices.\u00a0<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Best ways to improve your <\/span><a href=\"https:\/\/web.dev\/measure\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Core Web Vital Score<\/span><\/a><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2146 size-full\" src=\"https:\/\/www.clickdo.co.uk\/internet-marketing\/wp-content\/uploads\/2021\/07\/Core-Web-Vital-Score.png\" alt=\"Core-Web-Vital-Score\" width=\"698\" height=\"435\" srcset=\"https:\/\/www.clickdo.co.uk\/internet-marketing\/wp-content\/uploads\/2021\/07\/Core-Web-Vital-Score.png 698w, https:\/\/www.clickdo.co.uk\/internet-marketing\/wp-content\/uploads\/2021\/07\/Core-Web-Vital-Score-300x187.png 300w\" sizes=\"auto, (max-width: 698px) 100vw, 698px\" \/><\/p>\n<h3>&#8211; Reduce the number of HTTP requests<\/h3>\n<p>To decrease the number of HTTP requests, you can combine the assets on your pages. Combining multiple CSS files into one will reduce the number of files.\u00a0 Assets include CSS and JS files that various plugins add to the frontend of your website. This Plugin recommendation: WP-rocket<\/p>\n<h3>&#8211; Reduce Content Size<\/h3>\n<p>Reducing content size is important for a few reasons: it decreases page loading times and makes the site more visually appealing. To reduce the content size, you can lazy-load images that are not in the above-the-fold.<\/p>\n<p>Furthermore, you can minify the JS and CSS files to decrease their size on the disk.<\/p>\n<p>Plugin recommendation: WP-rocket \/ Litespeed Cache<\/p>\n<h3>&#8211; Avoid script blocking JavaScripts on page load<\/h3>\n<p>Make sure that the loading of the page does not depend on a few javascript files. If it does, the full page load will be delayed because of those scripts.<\/p>\n<p>WP-Rocket has an option to simply delay the javascript execution. By doing this, you enhance the user-experience of your website to a great extent.<\/p>\n<p>Plugin recommendation: WP-rocket \/ Litespeed Cache<\/p>\n<h3>&#8211; Use asynchronous scripts<\/h3>\n<p>Another great way to improve the FCP is to async the scripts and defer their loading on the website. It is a useful way to improve the website speed if you&#8217;re bound to place the script in the head.<\/p>\n<h3>&#8211; Improving First Input Delay (FID)<\/h3>\n<p>One way to improve a FID score is by reducing the time delay between the user\u2019s click and browser processing, which can be done by using Managed WordPress hosting.<\/p>\n<p>Managed WordPress hosting from Google Cloud Platform has great performance. There\u2019s nothing to explain about the fundamentals of how it performs because GCP provides a high speed, secure environment and increasing search engine rankings.<\/p>\n<p>You can further optimize your FID score with a caching plugin. Simply install the plugin from the WordPress plugins section in the admin back-end.<\/p>\n<p>The first step is to go into the settings, and customize the options on the file optimization tab. After clicking \u201csave changes\u201d there should be a big improvement in your site\u2019s FID score and it will load much faster.<\/p>\n<h3>&#8211; Use system fonts<\/h3>\n<p>Adding any external request can slow down your website to another level. You can always count on your own speed optimization efforts. But when your page loading depends on third-party fonts, you can not control how fast they load.<\/p>\n<p>When using Google fonts, mentioning a fallback font type in the CSS is the best method. It makes your website content visible even before the fonts are loaded.<\/p>\n<h3>&#8211; Use Good Hosting Plan<\/h3>\n<p>Your Hosting plan impacts your website speed the most. The better the hosting, the faster your website. You can buy speed-optimized hosting plans from Seekahost.<\/p>\n<h3>&#8211; Use Fewer Plugins and Less Code<\/h3>\n<p>The more code is on a page, usually means slower loading time for that particular page. So try to minimize using plugins or scripts which you don&#8217;t need in order to improve the speed of your site&#8217;s load times.<\/p>\n<h3>&#8211; Implement a CDN<\/h3>\n<p>A Content delivery network (CDN) ensures fast loading of your website images. No matter from which location the website is loaded, the CDN picks the image file from the closest location to the user. This results in the lowest latency<\/p>\n<p>Recommended services: KeyCDN, Stackpath or Imagekit<\/p>\n<h3>&#8211; Serve Images in Next-gen format<\/h3>\n<p>Using modern image formats does not harm your website&#8217;s user experience. It rewards you with the fastest speed and improved conversion rates.<\/p>\n<p>PNG, JPG and GIF are now the old formats for website images. You can use EWWW Image optimizer or Shortpixel to convert all your images to the new format &#8211; WebP.<\/p>\n<p>Recommended Plugin: Shortpixel<\/p>\n<h2>Conclusion<\/h2>\n<p>It is always a smart idea to keep testing your website features while you implement any measure to improve website speed. Some of the features are essential and can not be removed from your website. In such a case, you may prefer features over the website speed which is the right choice.<\/p>\n<p>Even google suggests to focus on a good user-experience and features.<\/p>\n<p>If you\u2019re afraid that you may break your website while optimizing speed, give a shot to hire a professional. You can <a href=\"https:\/\/vashishthakapoor.com\/wp-speed-optimization\/\" target=\"_blank\" rel=\"noopener\">hire me for WP speed optimization<\/a> and watch the results climbing to the top.<\/p>\n<h2>About the Author<\/h2>\n<p><a href=\"https:\/\/www.clickdo.co.uk\/internet-marketing\/author\/vashishtha\/\">Vashishtha Kapoor<\/a> is a freelance writer for hire and a Web Hosting Expert with over 5 years of experience in SEO, PPC, Website Management and WordPress development. Vashishtha writes about WordPress customizations, web design, server administration and ad-tech topics.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Do you want to improve your website speed? Do you want a good score in the web vitals test? If yes, then there are lots of ways that can help. Today we will talk about the top three techniques for improving site performance and getting better scores in web vitals tests. What are Google Core [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":2147,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[6,3],"tags":[],"class_list":["post-2145","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-search-engine-optimization","category-website-optimization"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.clickdo.co.uk\/internet-marketing\/wp-json\/wp\/v2\/posts\/2145","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.clickdo.co.uk\/internet-marketing\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.clickdo.co.uk\/internet-marketing\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.clickdo.co.uk\/internet-marketing\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.clickdo.co.uk\/internet-marketing\/wp-json\/wp\/v2\/comments?post=2145"}],"version-history":[{"count":3,"href":"https:\/\/www.clickdo.co.uk\/internet-marketing\/wp-json\/wp\/v2\/posts\/2145\/revisions"}],"predecessor-version":[{"id":2151,"href":"https:\/\/www.clickdo.co.uk\/internet-marketing\/wp-json\/wp\/v2\/posts\/2145\/revisions\/2151"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.clickdo.co.uk\/internet-marketing\/wp-json\/wp\/v2\/media\/2147"}],"wp:attachment":[{"href":"https:\/\/www.clickdo.co.uk\/internet-marketing\/wp-json\/wp\/v2\/media?parent=2145"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.clickdo.co.uk\/internet-marketing\/wp-json\/wp\/v2\/categories?post=2145"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.clickdo.co.uk\/internet-marketing\/wp-json\/wp\/v2\/tags?post=2145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}