在react native中存储和访问本地存储中压缩的json文件

Question

在我的react原生应用程序中，有几个JSON文件用于动画(在lottie-react- native中使用)。每个文件大约100KB，所有JSON文件的总大小为2-3MB。现在我的目标是尽可能多的摆脱这个2-3MB的内存。那么，我是应该对这些JSON文件进行云存储，还是应该压缩并存储它们，然后在使用时再解压缩？如果我应该使用压缩/解压缩方法，那么也请推荐能够完全满足我需求的库。

Answer 1

您可以使用jsonc https://www.npmjs.com/package/jsonc来压缩并存储json文件。

Answer 2

那么，您可以使用Cache Storage来实现此目的。(请检查浏览器上的ServiceWorker支持。)。它将允许您加载内容一次，并在用户浏览器中缓存它。它使用的是ServiceWorker技术，这需要一个小的实现。

https://developer.mozilla.org/en-US/docs/Web/API/CacheStorage

或者你可以实现google的工作框库，它允许你以一种更干净的方式做同样的事情。

https://developers.google.com/web/tools/workbox/guides/get-started#routing_and_caching_strategies

我不能建议将您所有的json内容都放到localStorage中。它是基于工作记忆的。在内存/cpu较低的计算机中，它可能会出现性能问题。