Caching a big HTTP response?

Question

Once authenticated I save a token which is then used to make further requests but then after page refresh the same request for that token has to be sent.

The JSON response is 9MB. I attemped saving it in localStorage but it exceeds the quota. Is there any way to do this on the client?

Thanks.

Does this answer your question? [localStorage store large size data](https://stackoverflow.com/questions/17255786/localstorage-store-large-size-data) — Black Mamba, Dec 15 '21 at 11:43
Not of session storage, no. But you can try using the Cache API: https://web.dev/cache-api-quick-guide/ — GoldenretriverYT, Dec 15 '21 at 11:43
As mentioned in the above question as well go for either blob, webSQL or indexDB — Black Mamba, Dec 15 '21 at 11:43
@BlackMamba May I ask why you are suggesting WebSQL given that it was deprecated by the W3C almost 10 years ago... — Dai, Dec 15 '21 at 11:45
@Dai I just mentioned the solutions mentioned in the above duplicate question there are many so I won't thrust upon any particular thing — Black Mamba, Dec 15 '21 at 11:52

score 0 · Answer 1 · answered Dec 15 '21 at 12:16

0

There are multiple ways to handle it:

The quota of the local storage can be modified by the user, you can prompt the user to increase the storage.
You can compress the data and reduce its size.
In chrome if you package it to a chrome app then it allows you to change it.
You can use third party library to store such as Dexie.js.

answered Dec 15 '21 at 12:16

Pranu Pranav

353
3
8

`Dexie.js` is just a (nice) wrapper over IndexedDB, which doesn't offer synchronous access to data, which might break the OP's requirements. Personally I'd just use IndexedDB directly (maybe with a very thin `Promise`-wrapper of my own) because having fewer dependencies is better. – Dai Dec 15 '21 at 15:11

Caching a big HTTP response?

1 Answers1