Loading performance for component with many imports

[Guguskis]

Hello,

I have a <MenuBar/> components with a lot of suid imports, but I noticed that it takes considerable amount of time to fully load. Even my <Home/> page loads faster than MenuBar. When I open my browser networking tools I can see that each import is fetched separately.

How can I improve loading performance for component with many suid imports?

[juanrgm]

This is a Vite issue.

When you are in development mode, each import is fetched individually. This is neccesary for live reloading, among other things.

If you build the project in production mode, the imports will be optimized in chunks for avoiding those requests.

[Guguskis]

Thanks, I totally forgot about production mode since I don't publish my personal projects.