How to preload conditionally rendered next/image
In my app i have slideshow/presentation thing where images appear in full-screen one after another. I achieve that using conditional rendering (show different images based on a state).
The problem is that when the slide is shown for the first time, image starts loading and worsens the experience. How could i preload all the images at once?
I've already tried adding
The problem is that when the slide is shown for the first time, image starts loading and worsens the experience. How could i preload all the images at once?
I've already tried adding
next/head<link rel="preload" as="image" type="image/png" />
Similar Threads
Was this page helpful?
