能否持久化浏览器下载的WebAssembly应用？为何需重复下载？

当然可以，以下是几种可行的存储方式：

• 浏览器本地存储：localStorage受限于5MB左右的容量，不太适合体积较大的Wasm文件，但IndexedDB支持更大的存储配额（通常可达几十GB，取决于浏览器和磁盘空间），可以将Wasm二进制文件存入其中，下次加载时优先从IndexedDB读取，避免重复下载。
• 本地文件：浏览器默认不能直接写入本地文件系统（安全限制），但可以通过File API让用户手动选择保存位置；现代浏览器支持的FileSystem Access API，在用户授权后可直接读写本地文件，实现持久化存储。
• 其他缓存机制：用Service Worker结合Cache API实现应用级缓存，将Wasm文件缓存到浏览器中，后续访问时由Service Worker拦截请求，优先从缓存读取，仅在缓存失效或不存在时才发起下载。

主要有以下几个原因：

• 缓存策略配置不当：服务器未正确设置Cache-Control、ETag、Last-Modified等HTTP缓存头，导致浏览器无法判断文件是否需要更新，或缓存过期时间过短，每次请求都重新下载。
• 文件版本变更：如果Wasm文件的内容或文件名中的版本哈希发生变化，浏览器会判定为新资源，触发重新下载。这可能是开发者更新了应用，或构建流程未正确维护版本标识。
• 浏览器缓存空间不足：浏览器HTTP缓存容量有限，当缓存满时会自动清理旧资源，若之前的Wasm缓存被清理，再次访问时就需要重新下载。
• 隐私模式限制：无痕/隐私浏览模式下，浏览器不会保留缓存数据，关闭窗口后缓存被清除，下次访问需重新下载。
• 跨域资源问题：跨域加载Wasm文件时，若服务器未配置CORS及正确的缓存头，浏览器可能无法缓存该资源，导致每次请求都重新下载。

内容的提问来源于stack exchange，提问作者Michael EstrinOne