a website with a specific goal - to quickly go to a previously collected shopping cart and place an order. As soon as the desired icon appears on the screen, you click on it. But at this time, the layout continues to load, and in a split second, a link to another section appears in place of the shopping cart icon. As a result, you end up in the wrong place. Such seemingly insignificant details spoil the overall impression of the entire web resource.
To improve CLS, optimize images and ad units. Set fixed width and height values for them. Avoid using "unpredictable" content: pop-ups and banners that appear without prior request from the user. Work austria whatsapp number data with fonts. Set preload for the most important fonts from third-party libraries so that they do not change their appearance abruptly and do not shift the layout.
Largest Contentful Paint — the time it takes to load the largest element on the screen. Google believes that the largest (visual) block in the viewport conveys the most important information on the page. Therefore, a title, image, or other key element should load quickly.
To optimize LCP, first of all, work on the connection to the server. Use CDN (Content Delivery Network) and caching, enable file compression in your CMS. Set up priority loading of images at the top of the page. Try to use third-party JS scripts as little as possible.
Total Blocking Time — the time that passes between the first appearance of content and the full interactivity of the site. Often, while the page is loading, already visible elements remain inactive. This irritates users. According to Google's recommendations, you can improve TBT by reducing JavaScript execution time (by breaking scripts into smaller fragments). In addition, it is worth reducing the use of third-party code.
