Print service worker cache sizes and overall bytes cached.

cache_storage_size.js

/**
 * @author ebidel@ (Eric Bidelman)
 * License Apache-2.0
 */
 
 // Prints the size of each cache in the Cache Storage API and the overall bytes cached. 
 
async function getCacheStoragesAssetTotalSize() {
  // Note: opaque (i.e. cross-domain, without CORS) responses in the cache will return a size of 0.
  const cacheNames = await caches.keys();

  let total = 0;

  const sizePromises = cacheNames.map(async cacheName => {
    const cache = await caches.open(cacheName);
    const keys = await cache.keys();
    let cacheSize = 0;

    await Promise.all(keys.map(async key => {
      const response = await cache.match(key);
      const buffer = await response.arrayBuffer();
      total += buffer.byteLength;
      cacheSize += buffer.byteLength;
    }));

    console.log(`Cache ${cacheName}: ${cacheSize} bytes`);
  });

  await Promise.all(sizePromises);

  return `Total Cache Storage: ${total} bytes`;
}