I have an Astro project acting as a Web BFF for my company website.
As for the UI Framework we were using Svelte and we were getting a pretty good performance. But, because of a brand rebranding we needed to migrate the UI components of the main pages (search, product page and home) to Vue (in short, all the new DS was already built in Vue).
So now, we ended up with an Astro project with two different UI Framework, Svelte and Vue.
But, when we turned the feature on (the new brand), and the new Vue components started been used/rendered, the project performance deteriorated drastically; for example, the 99th percentile response time dropped from 800ms to 5s, and the 90th percentile dropped from 300ms to 2.5s.
We have not changed any logic in the backend services fetching, we only added the new Vue components and turned on the new feature.
The system has plenty resource, something like 1 cpu and 400mb memory.
Does anyone have any idea what might be going on?