Hi All I am currently creating a rather robust website for an agency, each page is composed of its own slices and can be translated in multiple languages.
The issue I am currently trying to resolve, is that when I visit a page/ or change routes - the page ''flashes" - only showing the footer and header and then the rest of the content is loaded.
I tried to resolve this by using a Nuxt Loading component, however this did not resolve the problem. The loading animation would finish but then the user would still have to wait for the slices to load.
From my understanding the problem is being created because the Header & Footer component are asynchronously loaded and used through out all of the App, so no additional request need to be made. But for each page, we have to make additional request to get all the slice information.
Is there a more efficient way of loading slice information between routes, so the user does not have a long delay between route changes & I can resolve the flash?