这是我最近的网页测试的图像：
有没有办法尽早开始尽可能多的http请求？例如，谷歌字体文件请求开始得很晚。同样，我想将 jQuery 请求早于script.min.js托管在域上的请求。基本上，我正在寻找任何方法来提高这些请求的效率。
问问题
620 次
1 回答
0
首先，确保请求尽可能直接从 HTML 完成，而不是通过 JavaScript 动态完成。<head>如果可能的话，把你的 JS 和 CSS 请求放进去。这样，浏览器的预加载扫描器将尽快请求这些文件。
请注意 CSS 的放置位置 - 有关更多信息，请参阅https://csswizardry.com/2018/11/css-and-network-performance/。
如果您不能将所有内容都放入<head>HTML，那么您正在寻找<link rel="preload">正是为此目的而创建的；它告诉浏览器下载一些资源，但还没有执行它们。
一些文献：
- https://developer.mozilla.org/en-US/docs/Web/HTML/Preloading_content
- https://developers.google.com/web/updates/2016/03/link-rel-preload
- https://medium.com/reloading/preload-prefetch-and-priorities-in-chrome-776165961bbf
- https://caniuse.com/#feat=link-rel-preload
请注意，截至 2018 年底，它在 Firefox 中被禁用，没有预计何时发货。
此外，在使用预加载请求获得最高优先级时要小心preload，这有时可能意味着其他关键但未预加载的资源会错误地被取消优先级。
在某些情况下（取决于浏览器、HTML 中的条目顺序等），preload可能会导致双重提取（尤其是对于 webfonts）。确保检查。
于 2018-11-15T14:21:35.027 回答