Need a Preload not a Loading state

[Uranbold]

Hello,

I have using the Next JS with-loading example But it seems only loading the pages for a while. It's not a Preload JS or CSS file etc.

How can we achieve this?

[enricoschaaf]

What are you trying to achieve? You can use the prefetch function from next router to prefetch a route.
https://nextjs.org/docs/api-reference/next/router

[Uranbold]

Hello,

Take a look at this Online demo ->
After I have clicked then it Loading but fonts are not loaded correctly and images are not prefetched while loading.

I have been using with-loading example I think it's wrong?

Thanks.

[enricoschaaf]

For this you need to use link preloading, https://developer.mozilla.org/en-US/docs/Web/HTML/Preloading_content.
For a font you would to it like this . You could preload images link this as well, but I highly discurage you to do that, because thats slows down your page load.