I have a Nuxt3 SSR setup, and when I have an A/B Test running I get a horrible CLS. The whole page flashes, and then each block staggers in client side. This doesn’t happen when a page has no A/B test on it.
I’m using the
@builder.io/skd-vue/vue3 v0.7.0 package, and rendering content through the
RenderComponent that is provided.
The SSR comes in perfectly, but the second that the client hydrates, the whole page resets and then each block staggers in.
I’ve been able to track it in the Network tab and see that when the
BlockWrapper resolves client side it resets the DOM.
When I route between pages I do not have the CLS, it’s only on SSR handoff to the client.
Would love any feedback on what I can do to resolve this.