Core Web Vitals are a set of standards that all websites are expected to meet. This gives Google a measuring device to compare websites for ranking. Your website needs to meet the standard and exceed it if your competition is also exceeding it. Compare your website to your competitions to decide how much you need to exceed the standard.
What are the standards?
Here are the Core Web Vitals and the measurement your website needs to meet.
Longest Contentful Paint (LCP) needs to be under 2.5 seconds. This is the largest item that loads on any given page. Whatever it is for your website make sure it is optimized well and loads fast. If it is an image (usually it is) then here are a few things you can do to get it to load faster.
- Compress all images and use the WebP format instead of standard jpg or png. Imagify is a plugin that will convert your images to WebP format. I am sure there are other tools as well.
- Lazy load images
- Use a CDN for images
- Use Managed WordPress Hosting (if you have a WordPress website). Never use shared hosting.
First Input Delay (FID) needs to be under 100 milliseconds. That is fast. This measurement indicates how quickly your website responds when someone clicks a link, menu item, button, etc. This one is the most technical and the last one I would worry about. The easiest thing you can do to increase your score here is to get out of shared hosting (if you are using it) and move into a managed hosting environment where you have your own bucket of server resources. Beyond this most wil have to hire a developer to make any significant improvements to this standard.
Cumulative Layout Shift (CLS) needs to be under .1. Think of this measurement on a scale where 10 is everything moves on your website and 0 means nothing moves on your website. Aim for a zero. This is the one measurement that the average business owner can fix themselves. Here are a few ideas:
- If you are using a slider – get rid of it
- If you have rotating testimonials – get rid of the rotation. Put the testimonials on the site as text that does not move.
- If you are using large images (really all images) be sure to declare the width and height of each image. Do not let your browser figure it out for you. This is a huge cause of layout shift.
- Get rid of pop-ups
- If you website displays ads make sure they have a width and height declared as well.
For more information on Core Web Vitals see this post.