How to Fix slow loading of v-app-bar & v-img
I'm currently working on a new website for my game with Nuxt 3 + Vuetify 3. I'm experiencing a very slow load of the
v-app-bar
and also v-img
components. Please check out the attached video or simply visit https://eonfall.com to see for yourself. What's the best way to address this? Any tips would be soo appreciated!
Note: my v-app-bar
has a few <NuxtLink>
components with <v-btn>
nested within them, and my <v-img>
components is not doing anything fancy, just using the src
attribute to load the image that's it.
If you pause the video at 0:02 you'll see where the issue is. Navbar is not loading yet, and logo is also missing. It eventually loads but it shouldn't take 2 seconds to load. Heck the dang 20 MB background video is loading before it... how is that possible! π
0 Replies