在 <head> 和 </body> 之前加载 jQuery-lib 之间的区别
Difference between loading jQuery-lib in <head> and before </body>
我的问题不是关于将实际 javascript/jQuery-code 放在 <head> 或 <body> 部分之间的区别。我想像这样加载 jQuery-lib:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
我想知道在 <head> 区域或 <body> 结束之前这样做是否有区别？我更喜欢在 <head> 中进行，因为这样我发现更容易跟踪正在发生的一切
加载 <head> 中的库将确保它在页面的其余部分加载之前加载，这意味着它可用于您在页面下方编写或加载的任何 jQuery/JS 代码。无论加载库需要多长时间，这都会减慢页面的初始加载速度。
在 <body> 末尾加载库将意味着 HTML 和 CSS 将首先加载 - 因此页面似乎加载速度更快，但没有依赖的代码在 jQuery 库上将一直工作，直到库加载完毕。此外，您必须将任何使用 jQuery 的代码放在 之后 <body> 加载它的位置。
我的问题不是关于将实际 javascript/jQuery-code 放在 <head> 或 <body> 部分之间的区别。我想像这样加载 jQuery-lib:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
我想知道在 <head> 区域或 <body> 结束之前这样做是否有区别？我更喜欢在 <head> 中进行，因为这样我发现更容易跟踪正在发生的一切
加载 <head> 中的库将确保它在页面的其余部分加载之前加载，这意味着它可用于您在页面下方编写或加载的任何 jQuery/JS 代码。无论加载库需要多长时间，这都会减慢页面的初始加载速度。
在 <body> 末尾加载库将意味着 HTML 和 CSS 将首先加载 - 因此页面似乎加载速度更快，但没有依赖的代码在 jQuery 库上将一直工作，直到库加载完毕。此外，您必须将任何使用 jQuery 的代码放在 之后 <body> 加载它的位置。