How to Pass Google’s Core Web Vitals on Your Website

In today’s fast-paced world, everyone desires interactive websites that load rapidly. On average, mobile web pages take 21 seconds to load. However, when a page takes longer than three seconds to load on a mobile device, 53% of users will abandon it. These findings indicate that improving your site’s performance should be at the top of your list in this year.

We're Excited To Meet you

Rank By Focus specializes in creating strategies for attracting new patients and creating lifetime patients for your small business and local business. 

Rank Me On Google

Create a free profile and search for jobs

I Need A Website

Start your free search for care in your area.

Plastic Surgeon Marketing

Looking for a way to boost your business? Try plastic surgery marketing! 


Our services will help you reach new patients and increase your profits. With our expertise in online marketing and advertising, we can help you get the most out of your investment. 

Dental Marketing

Looking to take your dental marketing to the next level? Look no further than rank by focus! We provide the best marketing strategies and techniques to help you reach your target audience and stand out from the competition. 


With our help, you can drive new patients through your door and improve your bottom line!

Medi Spa Marketing

Medi spa digital marketing is the perfect way to help your medi spa reach new heights! With our help, you can connect with more clients and broaden your reach to potential customers. We’ll work with you to create a tailored digital marketing plan that fits your unique needs and helps you achieve your goals. 

Law Firm Marketing

Looking to take your law firm online? You’ve come to the right place! Our digital marketing experts will help you create a custom strategy tailored specifically for your law firm. From website design to search engine optimization, we can help you get the most out of your online presence. 

What are Google’s Core Web Vitals Metrics?

The following are the most essential facts about Core Web Vitals:

How to measure Core Web Vitals Metrics?

Google PageSpeed Insights can quickly and easily assess your core web vital signs. Simply input the URL of your entire site in the text area, press the Analyze button, and leave the rest to Google.

The Core Web Vitals are in the Field Data and Lab Data sections. Based on anonymized reports from Chrome users, field data is historical evaluations of a web page’s performance. Simulated load pages with particular network conditions are used to rate a site while employing field data.

What Is a Good Score for Google’s Core Web Vitals?

Let’s look at the grades you should shoot for to pass the Chrome User Experience Report. Let’s take a closer look:

Optimizing your website might seem difficult, especially if it has a lot of features. The good news is that it’s doable, as long as you use the following best practices to improve your Google Core Web Vitals score.

Specific Techniques for Improving Largest Contentful Paint

Let’s take a look at some of the most common ways to improve your LCP score.

1. Image compression

Compression is an operation that reduces or combines portions of a picture file so it takes up less space. Despite the fact that the size of the picture has been reduced, this method does not significantly modify its overall quality in most cases.

The most effective image compression software are Ezgif, Jpeg Optimizer, Tiny PNG, and Compressor. Images that employ formats like JPEG and WebP can be processed faster as well.

2. Utilize a content delivery network (CDN)

A CDN can shrink the distance between a user and a server, resulting in a quicker page load time and better LCP. Regardless of their location, a user from France or Australia may have a good experience with your site and fast download speeds, regardless of where your server is located.

3. Get a reliable web host

A hosting company’s performance can significantly impact the speed with which your website loads.

Even if you employ various methods to reduce your loading time, a cheap or poor hosting plan will not help you achieve a passing LCP score.

4. Client-side rendering

Client-side rendering allows websites to be created in JavaScript. In the end, it might improve loading times. However, increasing the size of your JavaScript files over time may slow down your site, especially if it isn’t well optimized.

Minifying codes and compressing them can help you avoid these problems. Server-side processing is another alternative, which improves the LCP score by having it processed on the server.

5. Remove unused plugins

Too many plugins on a website can have an adverse impact on the site’s performance. More plugins may improve the performance of your site, but having too many of them might harm your ranking score. Browsers must perform more activities and make more HTTP requests before they can display the landing page as a result of having more plugins.

Remove outdated and unused plugins to declutter and clean up your WordPress site. Try to track down all of the plugins on your website and determine whether they are still relevant to your ecommerce business.

Specific Techniques for Improving First Input Delay

Here are some pointers for boosting your FID score.

1. Reduce JavaScript execution time

Within a few milliseconds, search engines are supposed to analyze web page content. Unfortunately, scripts and stylesheets that take a long time to execute may have an adverse impact on the performance of your website.

Unfortunately, Google Lighthouse can identify JavaScript files that take longer than two seconds to load. You may async, defer, or remove unneeded JavaScript once you know the primary contributors to execution time.

2. Use web workers

A worker thread can execute scripts in the background, lowering the burden on the main thread. Delegating non-UI activities or small amounts of JavaScript to the worker thread is a good idea. There will be less input lag if done correctly.

3. Minify code files

Some coders like to include whitespace, characters, and comments in their code files. Although these add-ons may help developers work together more effectively by providing additional clarity, search engines will need longer to interpret and execute the code.

Minification of code files will decrease page load times in a similar way to image compression. Code files can be automatically minified by hosting companies and CDNs. If this functionality isn’t enabled out of the box, you may use free applications such as Closure Compiler, Yuri Compressor, cssnano, and CSSO to minify

4. Evaluate third-party scripts

Non-critical third-party scripts may block the primary thread, which might influence First Input Delay.

Some critical third-party scripts must be run in an urgent fashion to monitor web traffic, while others do not. Consider pop-ups for sign-ups and subscriptions, which may show up after a few minutes without causing any problems.

However, if you’re not certain what scripts you should have on top of your priority list, now is the time to figure it out. If they aren’t crucial, hold them back or delete them immediately.

Specific Techniques for Improving Cumulative Layout Shift

As the web page loads, you may notice an unexpected layout change as new pieces are incorporated to the page. To avoid visual confusion, here are some methods to make your website look consistent.

1. Include width and height size attributes for visual stability

Images and videos can be prevented from shifting across the page by adding width and height attributes. You may also utilize CSS aspect ratio boxes to give them their own area on the page. This method prevents elements like headings or paragraphs from moving once images have been loaded to the page.

2. Reserved space for the ad slot

Layout changes can be caused by variable ad sizes. When a site contains the ad or when an ad tag library loads and resizes the container, this occurs. The good news is that you can prevent this problem by reserving space for the advertisement slot.

3. Add content dynamically for visual stability

You’ve undoubtedly had to deal with changes in layout because of pop-ins like banners and forms. Additional components can shift and relocate the page content as the site loads.

You may use the same whitelists and exclusions for both video ads and static elements, so you don’t have to manage them separately. You can also create dynamic content in much the same way you would with advertisements.

Give visitors the option to load the material by interacting with the site. If you have additional goods to display, consider incorporating a “Load More” button so that people are not caught off guard. Unless it’s due to user action or interaction, avoid automatically loading fresh content.

Tools for Improving Your Core Web Vitals Score

There are several methods to improve website speed and performance. Here’s a brief overview of the best tools that Web Design Toronto team suggest.


NitroPack is an all-in-one solution for speeding up your website. The software has caching, image optimization, significant CSS, code improvement, and resource loading and JavaScript execution capabilities that can enhance your LCP score.

It offers a pre-defined configuration that you may easily fine-tune your website with, making it convenient to use.


GTMetrix lets you test the performance of your web page.

Here are some top features of the tool:

Core Web Vitals Booster

The ‘Web Vitals Booster’ by Shopify is a software that can boost your performance on desktop computers or mobile devices.

Here are some of its top features:

Start A Project With us