-
Notifications
You must be signed in to change notification settings - Fork 32
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
Migration from nuxt-speedkit to nuxt-booster #1046
Comments
Hello @fareed13 , could you have a look at where in the |
@ThornWalli I encountered an issue with build size when using nuxt-booster compared to speed-kit. Here are the details:
As shown, the build size increases significantly for most folders when using nuxt-booster compared to speed-kit. This is causing issues with our deployment. Any insights or suggestions would be appreciated. Thank you. |
Interesting, so either the Unfortunately I can't reproduce this, so can you take a closer look? If necessary, please provide files so that I can take a look at what has happened. |
Thank you for looking into this. I took a closer look, and it seems that the significant size differences are primarily in the
As shown, the Unfortunately, due to the nature of our client's private repository, I'm unable to share the specific files directly. However, if there are any specific details or logs you need me to look at, please let me know and I'll do my best to provide the necessary information. |
@ThornWalli To help you reproduce the issue, I have created a public repository with the necessary setup. You can find the repository here: nuxt-3.5.3. In the main branch, you will find the setup with nuxt-speedkit, which has a build size of 14 MB. I have also created a separate branch named migration-to-booster, and a PR has been created for this migration, which results in a build size of 31.3 MB. Please note that this repository contains a very small chunk of the application, and the build size increases as more pages are added. To reproduce the issue, follow these steps: Clone the repository. Run the following commands to set environment variables:
If you need any additional information or if there's anything more required, please feel free to ask. |
Thanks @fareed13, you are still using an old version At the moment another feature was added. This leads to the fact that 1 mb Vuetify CSS is now included. The focus is more on applications. I can see the options right now:
|
@ThornWalli You're right about we are using
For your reference please check https://github.com/fareed13/nuxt-3.5.3/pull/1/files diffrences. You can see that only changing nuxt-speedkit(deprecated) to nuxt-booster result in 13.6mb to 29.4mb, more than 2X increase in build size. performance is same on both of builds, I checked google pagespeed. Speedkit performs lil better BTW. Screen.Recording.2024-07-02.at.6.37.12.PM.movhere are the static builds (both with speedkit and booster) generated with So keep in mind that there is not a single change except for booster package, we got this results. Increase in build size and decrease in performance. When we implement this in our main a very large project, build size increases from 104mb to 370+mb as well as performance decrement. Doesn't make sense to me. Your help is appreciated. thanks! |
|
Got an update: The property
optimizeSSR: false, // default: true
optimizeSSR: {
cleanPreloads: true,
cleanPrefetches: true,
inlineStyles: true
} The embedding of the style can be deactivated there, for example. optimizeSSR: {
inlineStyles: false
} |
@ThornWalli, I noticed that the build size has decreased by about 80MB. I’m not sure if this will impact our website’s Lighthouse performance, but I checked and didn’t see much difference. Are there any cons to using these settings? However, the build size is still 290MB (down from 370MB), which is quite large compared to the 110MB we had in the previous version of Speedkit. Is there any noticeable change in Booster that could be contributing to this increase in size? |
What do you see in the This should no longer happen with this setting.
|
Yeah I think I see the noticeable difference. I can still see CSS in index file, yes file size decreased but its not enough. Other thing I can look into critters if it can help us. |
@muhammad-grayphite I removed all styles from the /index.html in the example, I noticed that the ssr payload is quite large. As formatted JSON >200KB. Writes a lot of data when generating. Maybe that would be interesting https://nuxt.com/docs/api/nuxt-config#renderjsonpayloads |
Describe the bug
Build Size Increased from 104MB to 370MB After Migrating from Speed-Kit to Nuxt-Booster.
with nuxt-booster
nuxt verison: 3.5.3
nuxt-booster:3.0.16
with speed-kit
![old](https://private-user-images.githubusercontent.com/75368987/343231669-5aa32f68-07ab-4eba-be4b-22f7d8ffc3f7.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM5MTM0MDMsIm5iZiI6MTcyMzkxMzEwMywicGF0aCI6Ii83NTM2ODk4Ny8zNDMyMzE2NjktNWFhMzJmNjgtMDdhYi00ZWJhLWJlNGItMjJmN2Q4ZmZjM2Y3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE3VDE2NDUwM1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTYyZmQxODhjNjQxNTJkNDcwZjBmNWQ5MDIyNGI2ODg5ZGEzMzA2ZmQ0YjU1YTg0MWMxMWQ4YzRjZWZhZGI2ZDgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.aEZe-pE9HoeFfpVe7xngDa8R0TfZU4kfFWdTBXGSRsE)
nuxt verison: 3.5.3
nuxt-speed-kit: 3.0.0-next.20
The text was updated successfully, but these errors were encountered: