Set cache to files in Firebase Storage

Question

I have a PWA running on Firebase. My image files are hosted on the Firebase Storage. I\'ve noticed my browser doesn\'t save cache for files loaded from the storage system. T

Answer 1

To complement the answer, you can also use a service worker, maybe with workbox, with a cacheFirst strategy to cache all images into the user browser. Then, after first cache, the images will be load from local cache first.

If there's no cache, then the images will be requested from Firebase Storage, where the images can also be cached if you specified the cacheControl property in file metadata or if you is using Firebase Hosting with custom header Cache-Control for images.