{"id":10991,"date":"2021-05-26T05:05:13","date_gmt":"2021-05-26T05:05:13","guid":{"rendered":"https:\/\/www.minervainfotech.com\/blog\/?p=10991"},"modified":"2023-03-13T06:06:24","modified_gmt":"2023-03-13T06:06:24","slug":"core-web-vitals","status":"publish","type":"post","link":"https:\/\/www.minervainfotech.com\/blog\/core-web-vitals\/","title":{"rendered":"How to Improve Core Web Vitals"},"content":{"rendered":"\n

1. LARGEST CONTENTFUL PAINT (LCP)<\/h3>\n\n\n

In simple words- the time it takes for the largest piece of element to appear on screen is LCP.<\/p>\n

According to Google, LCP is:<\/p>\n

GOOD:2.5 sec or less<\/p>\n

NEEDS IMPROVEMENT: above 2.5s-4s<\/p>\n

POOR: more than 4s<\/p>\n\n\n\n

2. FIRST INPUT DELAY (FID)<\/h3>\n\n\n

The time taken for the site to react to the first interaction is known as FID.<\/p>\n

According to Google, FID is:<\/p>\n

GOOD:100ms or less<\/p>\n

NEEDS IMPROVEMENT: above 100ms-300ms<\/p>\n

POOR: more than 300ms<\/p>\n\n\n\n

3. CUMULATIVE LAYOUT SHIFT (CLS)<\/h3>\n\n\n

It measures the stability of the stuff on your website. How often does your elements move around on the screen while the website is loading?<\/p>\n

According to Google, CLS is: GOOD:0.1 or less<\/p>\n

NEEDS IMPROVEMENT: above 0.1-2.5<\/p>\n

POOR: more than 2.5<\/p>\n

If you pass the Web Vitals test of Google, you are bound to improve your ratings as Google is prioritizing user experience, and you meet their standards.<\/p>\n\n\n\n

5 Simple Steps to Improve core web Vitals<\/h3>\n\n\n

Consists of 3 main components<\/p>\n

    \n
  1. Largest Contentful Paint (LCP): The time it takes for the largest piece of element to appear on screen.<\/li>\n
  2. First Input Delay (FID): The time taken for the site to react to the first interaction.<\/li>\n
  3. Cumulative Layout Shift (CLS): It measures the stability of the stuff on your website, while it is loading<\/li>\n<\/ol>\n\n\n\n
    <\/div>\n\n\n\n

    1.OPTIMIZE AND COMPRESS IMAGES AND VIDEOS IN THE WEBSITE<\/h3>\n\n\n\n
    \n
    \n

    -Always try to use jpg format for landscape images and png for graphics in the website.<\/p>\n\n\n\n

    -You can also use next-generation formats like JPEG 2000orWebP.<\/p>\n\n\n\n

    -Another important thing is that always use CDN server for images.<\/p>\n<\/div>\n\n\n\n

    \n
    \"Core
    Core Web Vitals Report<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n

    2. USE LAZY LOADING TECHNOLOGY<\/h3>\n\n\n\n
    \n
    \n
    \"SEO
    Core Vitals SEO<\/figcaption><\/figure>\n<\/div>\n\n\n\n
    \n

    -Implementing Lazy Loading on images and iframes definitely improves the speed of website and web vitals score.<\/p>\n\n\n\n

    -Lazyloading improves LCP score and also limit the bandwidth.<\/p>\n<\/div>\n<\/div>\n\n\n\n

    3. USE MOBILE FRIENDLY TEMPLATES<\/h3>\n\n\n\n
    \n
    \n

    -Make sure, that the key pages are mobile-friendly.<\/p>\n\n\n\n

    -Try to load less content and light images in mobile-friendly templates.<\/p>\n\n\n\n

    -Try to focus on primary content more in mobile layout.<\/p>\n<\/div>\n\n\n\n

    \n
    \"Search
    Google Web Vitals Update<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n

    4. SPEED UP SERVER RESPONSE<\/h3>\n\n\n\n
    \n
    \n
    \"Google
    Google Analytics Web Vitals<\/figcaption><\/figure>\n<\/div>\n\n\n\n
    \n

    -Fast response from server will makes cores better.<\/p>\n\n\n\n

    -Try to choose a server which can handle multiple requests faster.<\/p>\n\n\n\n

    -Also, keep files\/scripts request to server low, and try to use pre-load.<\/p>\n<\/div>\n<\/div>\n\n\n\n

    5. REDUCE CSS AND JS EXECUTION<\/h3>\n\n\n\n
    \n
    \n

    -If your website\u2019s FID is very poor then definitely JS is taking more time. You need to be careful while using JS files and 3rd<\/sup> party scripts.<\/p>\n\n\n\n

    -You cannot handle 3rd<\/sup> party scripts but can choose the tool which provides more optimized scripts.<\/p>\n\n\n\n

    -Use defer properly to reduce JS loading time.<\/p>\n<\/div>\n\n\n\n

    \n
    \"Google
    Lcp in SEO<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n

    Contact Us –<\/strong><\/p>\n

    \ud83d\udcde Call – +91 8100 665964 (INDIA)<\/a> | +1 720 738 1011 (US)<\/a>
    \n\ud83d\udce7 Email –     hello@minervainfotech.com<\/a>
    \n\ud83d\udc68\ud83c\udffb\ud83d\udcbb Skype – minervainfotech<\/p>\n","protected":false},"excerpt":{"rendered":"

    1. LARGEST CONTENTFUL PAINT (LCP) 2. FIRST INPUT DELAY (FID) 3. CUMULATIVE LAYOUT SHIFT (CLS) 5 Simple Steps to Improve core web Vitals 1.OPTIMIZE AND COMPRESS IMAGES AND VIDEOS IN THE WEBSITE -Always try to use jpg format for landscape images and png for graphics in the website. -You can also use next-generation formats like […]<\/p>\n","protected":false},"author":1,"featured_media":11227,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[1,17,18,21],"tags":[698,689,688,700,699,687,686,693,697,692,696,694,685,691,695,690],"class_list":["post-10991","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","category-graphic-design","category-html","category-wordpress","tag-core-vital-seo","tag-core-vitals-seo","tag-core-web-vitals","tag-core-web-vitals-lcp","tag-core-web-vitals-metrics","tag-core-web-vitals-report","tag-core-web-vitals-update","tag-google-analytics-web-vitals","tag-google-core-vitals-check","tag-google-core-vitals-test","tag-google-core-web-vitals-measure","tag-google-update-core-web-vitals","tag-google-web-core-vitals","tag-google-web-vitals-update","tag-lcp-in-seo","tag-search-console-core-web-vitals"],"modified_by":"Minerva","_links":{"self":[{"href":"https:\/\/www.minervainfotech.com\/blog\/wp-json\/wp\/v2\/posts\/10991","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.minervainfotech.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.minervainfotech.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.minervainfotech.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.minervainfotech.com\/blog\/wp-json\/wp\/v2\/comments?post=10991"}],"version-history":[{"count":27,"href":"https:\/\/www.minervainfotech.com\/blog\/wp-json\/wp\/v2\/posts\/10991\/revisions"}],"predecessor-version":[{"id":13661,"href":"https:\/\/www.minervainfotech.com\/blog\/wp-json\/wp\/v2\/posts\/10991\/revisions\/13661"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.minervainfotech.com\/blog\/wp-json\/wp\/v2\/media\/11227"}],"wp:attachment":[{"href":"https:\/\/www.minervainfotech.com\/blog\/wp-json\/wp\/v2\/media?parent=10991"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.minervainfotech.com\/blog\/wp-json\/wp\/v2\/categories?post=10991"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.minervainfotech.com\/blog\/wp-json\/wp\/v2\/tags?post=10991"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}