安静地加载音频和图像

Question

我正在使用create-react-app并且让我们按照以下方式调用资产.1000x Image 1000x svgs

只有一个子集在不同的屏幕上加载，而在主页上没有。例如。在第1页，50图像和50 svg ..第2页... 75图像和75 svg ......等等..

我想知道有没有办法在主页加载后.. componentDidMount ..

我可以开始预加载页面1的资产，然后第2页等异步任何一个好的做法？

注意，我打算启用PWA。那么，我应该将资产保存到localStorage还是已经由服务工作者处理，而我的预加载器想法只需要做它的事情？

我想要实现的是1. PWA在安装时获取所有资产2.在后台异步中预加载所有资产

我是初级开发者，所以任何帮助或方向都将不胜感激。

Answer 1

浏览器会在点击<img />标签后开始加载图片。

您可以先渲染图像，但使用display: none;隐藏它们。

create-react-app使用cache-first策略，这意味着您导入的每个图像都将缓存在浏览器的缓存存储中。