我只是好奇在带有脚本和样式标签的 header 中使用(缩小版本的)javascript 和 css 是否有任何优势 vs 通过指向 css 的链接从单独的文档中包含它们和javascript 的脚本？
第二种方式理论上不会增加页面加载时间，因为会有额外的页面请求吗？
所以这样:
<head>
<script>
//Javascript
</script>
<style>
//Css
</style>
</head>
<body>
//Content Here
</body>
</html>
与此相比:
<head>
<script src='http://someJavascript.com/link/to/file.js' type='text/javascript'></script>
<link href='http://someCSS.com/link/to/file.css' rel='stylesheet'>
</head>
<body>
//Content Here
</body>
</html>
最佳答案
优点主要是模块化。如果在多个文件中使用相同的 JS 或 CSS，最好将它们放在一个地方。这样，如果您对它们进行更改，则不必更新所有文件，只需更新一个地方即可。
但如果 JS 或 CSS 是特定于特定文件的，您不妨将它们直接放在文件中，而不是强制单独请求。
关于 header 中的 Javascript 和 css vs 包含单独的文档？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21034778/