假设我有一个相当庞大的JavaScript文件,打包到大约100kb左右.通过文件我的意思是它是一个外部文件,将在via中链接<script src="...">,而不是粘贴到HTML本身.
哪个是放在HTML中的最佳位置?
<html>
<head>
<!-- here? -->
<link rel="stylesheet" href="stylez.css" type="text/css" />
<!-- here? -->
</head>
<body>
<!-- here? -->
<p>All the page content ...</p>
<!-- or here? -->
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
每个选项之间是否存在功能差异?
将script标记放在body(</body>)的结束标记之后是多么错误.?
<html>
....
<body>
....
</body>
<script type="text/javascript" src="theJs.js"></script>
</html>
Run Code Online (Sandbox Code Playgroud) 我的朋友读了一篇文章,其中提到将所有JavaScript文件移动到结束体标记(</body>)的末尾,将提高网页的性能.
我已将所有JS文件移动到最后,除了JQuery和JS文件,它们将事件附加到页面上的元素,如下所示;
$(document).ready(function(){
//submit data
$("#create_video").click(function(){ //... });
});
Run Code Online (Sandbox Code Playgroud)
但他说要将jQuery库文件移到body标签的末尾.
我不认为这是可能的,因为我使用jQuery选择器将许多事件附加到页面元素加载,并且要使用jQuery选择器,首先必须加载jQuery库.
是否有可能在关闭body标签(</body>)之前将JQuery库文件移动到页面末尾?
谢谢
我已经在几个插件指令中看到,在body标记结束之前粘贴javascript/jQuery源代码.我做了搜索,为什么他们这样说,没有任何意义.
如果我将src文件放在脚本中的任何地方,我根本不会遇到任何问题.有人能给我一个很好的答案吗?