Eliminate glitches by preloading images. Make sure to not over do it though.
Пікірлер: 20
@jaker9007 Жыл бұрын
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.
@nclsDesign15 күн бұрын
Skeleton loader is the magic balance between no glitching and no unnecessary network traffic.
@bringbackwindowsphone6 ай бұрын
Always specify height/width on images too where possible so browsers can prevent CLS
@djenntt2 ай бұрын
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.
@yongdev10 ай бұрын
how about dynamic images
@HAYDERNAJJAR20 күн бұрын
i face an issue that after create new product and i wanna to edit after click save all old images gone
@nguyentrunghau844111 ай бұрын
With Data from API. You can't using with this ??. It only work with image Static image
Can’t it be lazy preload? With this method in case they do not click the links as soon as the page loads no glitch will appear and initial page load won’t get affected
@piotrjasiulewicz408 Жыл бұрын
good video, keep it up
@TalhaBalaj7 ай бұрын
What font
@jegedeayodeji3306 Жыл бұрын
Can this be replicated with just vue 3 ?
@cdruc Жыл бұрын
Hey, yes! you can with: unhead.unjs.io/setup/vue/installation Btw, this is the exact same package Nuxt 3 uses under the hood 😃