HTML图像预渲染(不是预加载)

时间:2017-03-12 20:45:03

标签: javascript html image

我有一个使用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为每个图像创建一个链接对象我想要预渲染?

0 个答案:

没有答案