我正在实现一个具有手风琴显示风格的界面。当手风琴中的给定div被扩展时，它会从远程文件中填充其HTML内容。当div缩小时，它会从较小的远程文件中填充其HTML内容。我这样做的部分原因是大文件相当大，加载它们时会有一些延迟。这样页面最初会快速加载。它与我的服务器上的简单无关。
有没有办法指示浏览器在加载主页面后预取和缓存这些文件？如果没有，还有什么其他解决方法？我喜欢预取而不是异步调用的想法，因为用户可能无法打开所有div元素或者以不可预测的顺序打开它们，所以我宁愿不用{{1}阻塞带宽可能无法正确响应用户操作的调用。
答案 0 :(得分：0)
您应该能够利用link prefetching API而无需担心推出自己的JavaScript。
例如，您可以将以下行添加到文档的<head />以预取文件的内容：
<link rel="prefetch" href="/big-file.txt" />
您还可以在Link: http标头或<meta />标签中提供该信息。
如果您想推出自己的解决方案，可以在页面加载后立即加载对所有大型文档的get请求，然后在第一次展开accordion后加载较小的片段。