内存缓存-从随机访问存储器(RAM)中存储和加载资源。它很快,因为从RAM中加载资源很容易。这些资源将一直保留,直到您关闭浏览器或手动清除它。
磁盘缓存-它从磁盘中存储和加载资源,并且是持久的。它不会通过网络与Web服务器联系以获取数据。磁盘缓存通常作为硬盘的一部分。
我猜测浏览器会根据资源类型或使用频率来决定缓存存储类型。
有时我们使用其他站点(第三方)的资产或资源,这些内容将通过网络传输,并且这些内容的大小将以字节(B)表示。
例如:
如果您的index.html
部署了HTTP响应头Cross-Origin-Embedder-Policy: credentialless
,并从跨域域加载JS、CSS或其他静态文件将不会命中磁盘缓存或内存缓存。
这是Chrome的已知问题:https://github.com/whatwg/fetch/issues/1253。
在您的script
标签中添加crossorigin="anonymous"
,例如:
<script type="text/javascript" src="https://your.com/a.js" crossorigin="anonymous"></script>