我有一个使用HTML + JS + CSS构建的单页应用。
我预先加载了所有图片,它们肯定是预装好的。
在我的应用程序中,我需要能够显示低至0.1秒的图像,然后立即隐藏它,玩家需要能够分辨出它是什么。
图像尺寸最大可达2MB。
问题是,似乎图像预加载还不够,只需要0.3秒就可以完全呈现它(在极其新的强大的计算机上)。
如何立即渲染?也许通过将它添加到DOM中,在显示给播放器之前隐藏可见性几秒钟或类似的东西?
此外,这篇文章似乎与这个问题有关:
https://jack.ofspades.com/prefetching-preloading-and-prerendering-content-with-html/
这会是一个解决方案吗?
<link rel="prerender" href="/assets/images/big-image.jpg">
我是否应该通过JS为每个图像创建一个链接对象我想要预渲染?