我有以下资产:
- 预加载本地javascript -
<link rel="preload" as="script" href="my.js"> - 本地javascript -
<script type="text/javascript" src="my.js" async defer> - dns - CDN域预取-
<link rel="dns-prefetch" href="//my.cdn.com"> - 预连接远程javascript -
<link rel="preconnect" href="//consentscript.tld"> - 远程javascript -
<script type="text/javascript" src="https://remote.server/my.js" async defer> - 内联javascript -
<script>myFunc...;</script> - 内联样式-
<style>body{color:black;}</style>
根据经验，我意识到这些资产的顺序，因为它们列在HTML标题中，会影响页面的加载速度和核心Web vital指标。
谁能告诉我在HTML头部的资产放置的性能优化顺序?文档的链接也会对我有帮助。
查看Harry Roberts的Get yourheadstraight，在Smashing Magazine的帖子和CSS Tricks文章中总结了指导和工具，以帮助您优化<head>内容。