资源预加载

某些资源不需要马上用到，但是希望尽早获取，这时候就可以使用预加载。

浏览器会将所需的资源提前请求加载到本地，后面在需要用到时就直接从缓存中读取资源。

使用场景

如果网页在加载完成之前,会长时间的展现为一片空白,此时可以对对一些主要内容进行加载，以提供给用户更好的体验，减少等待的时间。其它资源使用预加载技术。

可行的方式

1.link

<link rel="preload" href="sourceName.suffix">

<link rel="preload" href="sourceName.suffix">

2.display:none

<img src="xxx.png" style="display:none"/>

<img src="xxx.png" style="display:none"/>

加载完成后通过js脚本展示