MikeJones This could be as simple as an image pushing your layout. Or, it could be CSS issues I’ve noticed. One new interesting issue is sometimes the page's scroll bar won’t be all the way to the right. It'll suddenly be a little towards the middle. I'd share an image but I think it’s hard to reproduce. Then there’s the issue which has to do with CSS transform rules which really need to be removed from core.
You could add this to your custom CSS and then see if the CLS error goes away...
If you are on beta 13 or lower:
.App:before {
transform: initial;
}
If you are on beta 14 or 15:
.App-navigation {transform: initial;}
Of course, it may be none of these things I’ve mentioned.
Info:
https://web.dev/cls/
The LCP might be a large image which takes too long to load. Just a guess. If you use the upload extension you can set a max width setting and it will reduce all images as you upload. Although maybe not as beautiful on desktop, I tend to set it so that all images get reduced to a width of somewhere between 500px and 1000px. 500px would be best. Why? Well, it means a smaller image size. And, for most smartphones you only have about 400px to 500px of space width wise. And so it doesn’t need to be much wider than that. I’m a "develop mainly for smartphones" kind of guy though. On desktop a 500px image could seem a tad small.
