Optimizing Custom Components for Better Core Web Vitals Performance on Pages

Technical Questions
1

Hello,
I’m experiencing performance issues on my Builder.io pages, with Core Web Vitals scores significantly lower than my non-Builder pages, where I consistently get 90+ and green scores.

I suspect the issue is related to the many custom components I use on my Builder pages. Currently, I’m loading these components using defineAsyncComponent to improve performance, but I feel this approach might still be causing delays or unnecessary overhead.

Is there a recommended way to optimize these components further? For instance:

Can components be loaded more selectively, only when they are needed for rendering?
Are there other techniques or best practices specific to Builder.io and Vue for improving page performance while using custom components?

Any advice or insights would be greatly appreciated. Thank you!

2

Hi Behzad​,

Thank you for contacting Builder.io Support! I look forward to helping you with your request.

While I start looking into this, feel free to share any additional information you think might be relevant. Your input is important to helping ensure that I understand and respond to your concerns effectively.

Thanks,

3

Hello Behzad,

We have this documentation with best practices for good performance:

Could you check these recommendations?

Let us know how it goes.

Thank you,