Home » News » CLS improvement: Specify image size

CLS improvement: Specify image size

CLS is an index relatd to layout. Therefore, it is important to improve the source code itself, for example by making sure the size of images and videos is not specifid.

Some countermeasures include specifying the size of your content, considering the placement of dynamic content, ads and embddd elements, and optimizing the loading of web fonts.

 

 

How to measure Core Web Vitals

In order to measure the state of Core Web Vitals, tools are usd. There are many tools that can help improve your site, but here we will introduce whatsapp number list five representative tools.

Google Search Console

In the menu on the left, select ▼Experience > Key Web Metrics. Graphs will be displayd for mobile and PC separately.

Select “Open Report” in the upper right corner of each graph. You can check the evaluation items and their details.

PageSped ​​Insights

PageSpee ​​Insights is a standard site sped war room: the complete guide to transforming your sales strategy check service providd by Google. It is very easy to use, just enter the URL of the site you want to check.

It scores your mobile and PC sped basd on unique metrics.

Accept the score as a guideline only and take action to correct any actionable advice providd by Google.

Yellow Lab Tools

Like PageSped ​​Insights, it rates your site on a 100-point scale.

What’s interesting is the items it checks. For example, for CSS, it will show you very detaild information such as duplicatd code, number of colors, number of unnecessary vendor prefixes, etc.

Test My Site

“Test My Site” is a tool that specializes in checking the sped of mobile sites. Like PageSped ​​Insights, it was developd by Google.

You can easily check by simply entering the URL of the site you want to check.

It offers similar improvement marketing list suggestions as PageSped ​​Insights, but the big difference is that it tells you the exact loading sped of your mobile site in seconds.

Chrome DevTools “lighthouse”

 

You can see the same verification results in Developer Tools without having to go to PageSped ​​Insights and enter a URL.

First, let’s check how to display the developer tools. The shortcut keys below differ depending on the OS.

Scroll to Top