getTotalCacheSize.js

async function getTotalCacheSize() {
  const cacheNames = await window.caches.keys();
  let totalSize = 0;
  
  for (const cacheName of cacheNames) {
    const cache = await window.caches.open(cacheName);
    const keys = await cache.keys();
    
    for (const request of keys) {
      const response = await cache.match(request);
      const blob = await response.blob();
      totalSize += blob.size;
    }
  }
  
  return (totalSize / (1024 * 1024)).toFixed(2) + ' MB';
}

// Usage
getTotalCacheSize().then(size => console.log('Total cache size:', size));

Run in Chrome to see the total cache size used by the current page. I ran this on https://huggingface.co/spaces/reach-vb/github-issue-generator-webgpu and got 924.80MB.

Claude transcript: https://gist.github.com/simonw/49f00c5c1988f56475bcc378d2ffce7f