Don*_* Ma 5 html javascript css jquery html5
如果我有一个网站项目：
考虑最佳的加载速度和可能的替代。链接它们的最佳顺序是什么<head>
我知道以后添加的内容将优先使用相同的优先级，应用先前的样式表并从上至下呈现浏览器渲染，<head>然后<body>
我还从Google那里了解到，现代浏览器中存在一种称为“预取”的东西。
就个人而言，我会做reset.css，超棒字体，google字体，bootstrap lib，master.css，Jquery lib，main.js。通用规则优先，库优先。但是我也不知道该如何处理字体，因为它们也是样式表。
我想指出，以前的答案中建议的顺序与 Google 和 MDN 建议的开发人员最佳实践并不完全同步。
CSS 应该首先在头部加载，然后是字体样式表或谷歌字体样式表，这样布局在一段时间内不会出现损坏，尤其是在慢速连接时。
因此，Bootstrap css 可以加载到 head 中，而 Bootstrap js 应该在 jQuery 之后加载。
JS、jQuery 及其依赖项可以移动到页面底部以促进更快的页面加载，因为 JS 代码会影响网页的内容和布局，浏览器会延迟呈现脚本标签之后的任何内容，直到该脚本被下载，解析并执行。
并且作为 bootstrap js 有 jQuery 作为依赖项。因此，应该首先加载 jQuery，然后是 bootstrap js 和主 js 文件。
因此，根据最佳开发人员实践的正确顺序：
<head>
1. Bootstrap CSS
2. Reset CSS
3. Master CSS
4. Google Font CSS
5. Font Awesome CSS
</head>
<body>
Your content goes here
<!-- add js files to the bottom of the page-->
6. jQuery
7. Bootstrap js
8. Main js
</body>