可以扩展链接预取，以便从远程文件加载文档元素中的 HTML

Possible to explot link prefetching for loading HTML within document elements from remote files?

本文关键字：加载 文件 文档 HTML 元素 程文件 预取 链接 扩展      更新时间：2023-09-26

我正在实现一个具有手风琴显示样式的接口。展开折叠项中的给定div时，它会从远程文件填充其HTML内容。当该div缩小时，它会从较小的远程文件填充其HTML内容。我这样做的部分原因是大文件相当大，加载它们时有一些滞后。这样，页面最初加载速度很快。这与在我的服务器上变得轻松无关。

有没有办法指示浏览器在加载主页后预取和缓存这些文件？如果没有，还有什么其他解决方法？我喜欢预取而不是异步调用的想法，因为用户可能不会打开所有div元素或以不可预测的顺序打开它们，所以我宁愿不要用可能无法正确响应用户操作的async调用来阻塞带宽。

您应该能够利用链接预取 API，而不必担心滚动自己的 JavaScript。

例如，您可以将以下行添加到文档的<head />以预回迁文件的内容：

<link rel="prefetch" href="/big-file.txt" />

您还可以在 Link: http 标头或 <meta /> 标记中提供该信息。

如果要推出自己的解决方案，可以在页面加载后立即加载对所有大型文档的 get 请求，然后在首次展开手风琴后加载较小的代码段。

相关文章：