How to specify in Nuxt which files to download 'in advance'?

Question

JavaScript

Is it possible to preload images in Nuxt.js? The bottom line is that when moving from the main page, we get to a page where there are images that should appear smoothly, but because Nuxt does not load them immediately when entering the site, they only start loading when they go to this page. Question: how to specify which files should be loaded immediately when the site loads?

Answer 1

https://w3c.github.io/preload/

Example directives to preload a resource that will be consumed by...

consumer	Preload directive
<audio>	<link rel=preload as=audio href=...>
<video>	<link rel=preload as=video href=...>
<track>	<link rel=preload as=track href=...>
<script>, Worker's importScripts	<link rel=preload as=script href=...>
<link rel=stylesheet>, CSS @import	<link rel=preload as=style href=...>
CSS @font-face	<link rel=preload as=font href=...>
<img>, <picture>, srcset, imageset	<link rel=preload as=image href=...>
SVG's <image>, CSS *-image	<link rel=preload as=image href=...>
XHR, fetch	<link rel=preload as=fetch crossorigin href=...>
Worker, SharedWorker	<link rel=preload as=worker href=...>
<embed>	<link rel=preload as=embed href=...>
<object>	<link rel=preload as=object href=...>
<iframe>, <frame>	<link rel=preload as=document href=...>