我的问题不是关于将实际的javascript / jQuery代码放在<head>
或<body>
部分中的区别。我想像这样加载jQuery-lib:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
,我想知道在<head>
区域或<body>
结束之前这样做是否有区别?我更喜欢在<head>
中进行操作,因为这样我可以更轻松地跟踪发生的一切
答案 0 :(得分:0)
在<head>
中加载库将确保在页面其余部分加载之前就将其加载,这意味着它可用于您在页面中编写或加载的jQuery / JS代码。无论需要多长时间来加载库,这都会减慢页面的初始加载速度。
在<body>
末尾加载库意味着HTML和CSS将首先加载-因此页面加载速度似乎更快,但是依赖jQuery库的代码只有在库具有已加载。此外,您必须将所有使用jQuery 的代码放在加载它们的<body>
末尾的点上。