CODEWITHSUNDEEP
web-componentcore-web-vitals
Vincio090
Vincio090

Reputation: 29

Core web vitals and web components - CLS

For to optimize a website for WEB Vitals of google, one of the most common causes of a poor CLS is: Images, Ads, embeds, and iframes without dimensions

And the web component? How we can create a web component that no trigger cls? With a placeholder? With fixed dimensions?

Any suggestion?

Upvotes: 2

Views: 703

Answers (1)

Philip Walton
Philip Walton

Reputation: 30461

Can you try testing your site in Chrome Canary? Several CLS bugs were recently fixed that incorrectly attributed layout shifts to web components in the first frame they were rendered.

I always recommend measuring Web Vitals in Chrome Canary in order to get the most accurate results.

Also, FYI, if you want to follow changes and bug fixes for each of the metrics, you can do so here: https://chromium.googlesource.com/chromium/src/+/master/docs/speed/metrics_changelog/README.md

Upvotes: 1

Related Questions