Preloading images in Nuxt 3 - #vuejs #nuxtjs

Eliminate glitches by preloading images. Make sure to not over do it though.

[jaker]

I can also suggest replacing v-if with v-show. That way, images will be loaded on background, since, with v-show the DOM is actually rendered, just not shown.

[bringbackwindowsphone]

Always specify height/width on images too where possible so browsers can prevent CLS

[djenntt]

You can also keep things performant and load the image when the user hovers, and if the image is a smaller size, it will definitely load before the user decides to click. If you are worried about it still glitching, you can preset the determined ratio based on the image in the modal. So if it does not show immediately, the modal won't resize on the user.

[chaderenyore]

It doesn't work when deployed to netlify

[ohiduzzaman_siam]

which theme are you using in Webstorm?

[nguyentrunghau]

With Data from API. You can't using with this ??. It only work with image Static image

[nested]

is this will effect initial load performance ?

[jegedeayodeji]

Can this be replicated with just vue 3 ?