title: Download all images of PWA into cache from firebase storage
body: <p>There is a PWA based on vuejs, which is connected to firebase.</p>
  <p>The app has several pages with images. Each page has several images – to see all images on the page you need to scroll down the page. All images are stored on firebase storage.
  When you scroll down the page at the first moment images are not displayed because the app downloads them. After a few seconds images appear.</p>
  <p>The <strong>task</strong> is to avoid the downloading of the images during scroll down the page and display the images immediately during the scroll.</p>
  <p>At this moment:</p>
  <ul>
  <li>all images are uploaded to the firebase storage with the following metadata: metadata = { cacheControl: 'public, max-age=300000000, s-maxage=300000000' }</li>
  <li>when the image is downloaded it appears in the app cache. When you scroll down all pages – all images are in the app cache. In this case all images are displayed immediately during the scroll.</li>
  <li>When you refresh the page - all images are deleted from the cache.</li>
  </ul>
  <p>To resolve the task my suggestion is to download all images into cache when you open PWA. And it is desirable to download images into cache for the next 3 days.</p>
  <p>Please, help me <strong>find the way to download all images into cache for the next 3 days at the point you open the PWA</strong>.</p>
  <p>Or if my suggestion is not the best way to resolve the task – please, advice better way to solve the task.</p>
  <p>Thank you!</p>