INP & CLS Improve

[Jayesh Patidar]

Hello,

We have implemented all possible optimizations to improve the INP and CLS scores on the website below, but the mobile performance metrics have not improved.

We have completed all the recommended fixes, yet the Core Web Vitals are still not showing as Good (green) for mobile.

Could someone please help us identify the root cause of this issue and determine what is preventing the mobile metrics from improving?

We know some JS are loding on this domain but this also loding on category page and product listing page but there is everything is fine. Only problem exist on home page.

Any help will be appreciated to fix it.

Domain: https://www.beautyplussalon.com/

https://cruxvis.withgoogle.com/#/?view=interactivity&url=https%3A%2F%2Fwww.beautyplussalon.com%2F&identifier=url&device=PHONE&periodStart=0&periodEnd=-1&display=p75s

[Amit]

Hi,

I think you should inform these issues with the theme development company. They can tell you the reason.

After that you can make the changes as per by that theme development company.

[Barry Pollard]

For CLS, we give some advice here: https://web.dev/articles/optimize-cls

In particular I notice CLS is fine on load, but if your scroll, you clearly see a CLS issue:

This is usually a classic sign of lazy loading without reserving the space.

It looks like the Beauty Blog section loads late (even though it is in the original HTML?) and this shifts the call to action down if that happens after you've scrolled to this section.

For INP the search bar looks slow when I throttle my PC and start typing:

Usually that means you need to debounce to prevent a queue of search results building up as you type.

Michal Mocny covered this exact use case here: https://www.youtube.com/watch?v=KZ1kxzsJZ5g&t=222s. The technology you use might differ, but the techniques and principles will still be valid.

--
You received this message because you are subscribed to the Google Groups "Chrome UX Report (Discussions)" group.
To unsubscribe from this group and stop receiving emails from it, send an email to chrome-ux-repo...@chromium.org.
To view this discussion visit https://groups.google.com/a/chromium.org/d/msgid/chrome-ux-report/21d1c47c-0d8d-455f-9b6c-4e9b9987ba83n%40chromium.org.