Nuxt-Layout is Slow when rendering? | Nuxt | Page 1

karmic rapids Sep 8, 2024, 12:50 PM

#

Hey Nuxt-Experts!
I have the following problem, my client is a local bar which wants to make his menu digital.
So far so good. Die the fact, that the menu has a different layout then the other pages of the project I‘m using Nuxt-Layouts..
Unfortunately I‘m experience a big drawback in puncto speed. If I‘m using layout the initial pageload of each menu-page is about 200-300ms.
Yes, I‘m also retrieving some data from Prismic.IO but right now I‘m using only a quarter of the data and the page-speed is this long.

Is this a common thing, when using Nuxt-Layouts? I also thought about adding another app.vue to the menu-page folder, but idk if it‘s a good practice..

How would you solve this issue?

—-

shrewd junco Sep 8, 2024, 1:12 PM

#

Assess the data you’re fetching. You mentioned yourself there’s a lot of data but you’re using a fraction of it. Take a look at the network request and perhaps contemplate making use of transform option with your fetches to reduce the payload. Then assess you page speeds again.

cyan vector Sep 8, 2024, 1:12 PM

#

karmic rapids Hey Nuxt-Experts! I have the following problem, my client is a local bar which ...

what is the switching time when you don't fetch the data and just retun a static object in replacement for it

#

and are you using useAsyncData?

karmic rapids Sep 8, 2024, 2:23 PM

#

cyan vector what is the switching time when you don't fetch the data and just retun a static...

There's the difference. The initial page-load ist still quite heavy, altough I don't have any data on the side.

karmic rapids Sep 8, 2024, 2:24 PM

#

cyan vector and are you using `useAsyncData`?

const { data: page } = await useAsyncData('page', () =>
   client.getSingle('page'),
)

Yes, I'm using useAsyncData. That's why I'm wondering

#Nuxt-Layout is Slow when rendering?