如何使用<link preload =“” />获得Ajax响应

Question

Google Pagespeed见解告诉我

  

请考虑使用<link rel=preload>优先获取资源   当前在页面加载中稍后会被请求。

对于以下网址/users，该网址只能通过ajax调用一次

  $.ajax({
      url:'/user',
      success: function success(result){
        cb(result)
      }
  })

我尝试了<link rel="preload" href="/user" as="fetch" crossorigin="anonymous">，但它不起作用，并在控制台中向我发出以下警告：

  

“ https://www.example.com/user”的预加载   已找到，但未使用，因为请求标头不匹配。

     

资源https://www.example.com/user已使用链接预先加载   预加载，但在窗口加载后几秒钟内未使用   事件。请确保它具有适当的as值，并且它是   预先预加载。

Answer 1

遇到同样的问题。您需要仔细检查所有标题。如果请求标头的任何不同，则Chrome将丢弃预加载。 （对于我来说，Accept标头是不同的。这没关系，但是当我将它们更改为匹配时，它开始起作用！）