Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Running on Windows and node 18.12.1 is very slow #14

Open
alstelmach opened this issue Apr 21, 2023 · 6 comments
Open

Running on Windows and node 18.12.1 is very slow #14

alstelmach opened this issue Apr 21, 2023 · 6 comments
Labels
good first issue Good for newcomers

Comments

@alstelmach
Copy link

Hello 👋 I've been trying to run it on Windows, with node.js 18.12.1, but it's so slow, could we somehow speed it up or find the reason for this?

image

I've found out that some people were already struggling with similar problems:
https://stackoverflow.com/questions/73204586/speed-up-vitejs-dev-mode-vue-3

I am not very into frontend programming, but I think those problems could be related to vite.config.js. Could we look into this?? 😄
Thanks in advance

@AvinoamSebbah
Copy link

Have the same problem..

@logue
Copy link
Owner

logue commented Apr 24, 2023

This issue is due to the implementation of treeshaeking even in dev mode.
https://vuetifyjs.com/en/features/treeshaking/

I'm thinking of a workaround now.

@logue logue added the good first issue Good for newcomers label Apr 24, 2023
@logue
Copy link
Owner

logue commented Apr 25, 2023

I figured out the cause. It was a Sass customization process.

https://vuetifyjs.com/en/features/sass-variables/

In order to use pictograms in this template, the default Roboto font is loaded with Noto Color Emoji, and the monospaced font is Roboto Mono font.

There is nothing that can be done on the template side because of the specification of the sass loading process on the Vuetify side.

By commenting out styles: { configFile: 'src/styles/settings.scss' } in vite.config.ts, it is possible to deal with it for the time being.

logue added a commit that referenced this issue May 24, 2023
Changed Treeshaking algorithm. (Fix for #14).
Fixed Navigation block problem (#16).
@ramseyfeng
Copy link

On mac it's also very slow...
Even after commenting out styles: { configFile: 'src/styles/settings.scss' } in vite.config.ts, the First contentful paint is still very slow
image

@ramseyfeng
Copy link

On mac it's also very slow... Even after commenting out styles: { configFile: 'src/styles/settings.scss' } in vite.config.ts, the First contentful paint is still very slow image

For ths issue on my PC, commenting out the webfont loader and everything works fine.

@logue
Copy link
Owner

logue commented Sep 6, 2023

This template allows you to override all Vuetify settings in advance, so that may be the reason. As with the CSS issue earlier, please try playing around with the settings in src/plugin/vuetify.ts.(e.g. leave the contents of createVuetify blank)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
good first issue Good for newcomers
Projects
None yet
Development

No branches or pull requests

4 participants