0

For a high-performance web application I would like to cache the media (images, videos, audio files) via fetch(), blob() and createObjectURL().

This might be up to 1GB (!). What happens if this exceeds the available space? Is there a browser-specific limit? How to dynamically find it out?. Is the maximum size shared with the js heap?

Is there a better way to tell the browser which resources to cache? I expirienced that most resources larger than a few kB are not cached by default. The main problem in my use case is the delay when a video/audio is started or an image is presented.

hansSchall
  • 11
  • 3
  • You might be able to use `navigator.storage.estimate()`. It's a **`Promise`**, which, once fulfilled, will let you access its `result` (an `Object`, with two keys - `quota` and `usage`). As far as caching is concerned, you might want to look up on `.htaccess` and what you could do with it. – FiddlingAway Dec 25 '22 at 23:22

0 Answers0