执行 rel="prefetch" 资源加载答案

【问题标题】：Executing rel="prefetch" resources onload执行 rel="prefetch" 资源加载
【发布时间】：2015-09-03 15:12:46
【问题描述】：

我试图弄清楚如何强制 rel=prefetch 在 window.onload 之后发生。

我知道这取决于浏览器，但据报道目前 Chrome 和 Opera 会并行下载这些资源。

在页面加载后将链接附加到头部仍然会正确触发预取，这是在 window.onload 之后强制预取的最佳方法吗？

window.onload( function(){
      var postfetch = document.createElement('/js/future-resource.js');
      document.getElementsByTagName('head')[0].appendChild(postfetch);
});

【问题讨论】：

标签： javascript html performance preload prefetch

【解决方案1】：

Safari 和 Opera 不支持 rel=prefetch 标签。

它可以在 Chrome 和其他浏览器中运行。不需要 JavaScript。您可以通过使用开发人员工具、单击源然后查看名为“其他”的文件夹来验证它是否已在 chrome 中运行，该文件夹应具有预取资源的名称。

【讨论】：