假设我有一个相当大的JavaScript文件,压缩到大约<script src="...">KB左右.我所说的文件是指通过<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>

每个选项之间在功能上会有什么不同吗?

推荐答案

雅虎!卓越性能团队推荐placing scripts at the bottom of your page款,因为浏览器下载组件的方式.

当然,李维的 comments "就在你需要它之前,而且很快"才是真正正确的答案,即"视情况而定".

Javascript相关问答推荐

如何修复内容安全策略指令脚本-SRC自身错误?

有Angular 的material .未应用收件箱中的价值变化

为什么ngModel不能在最后一个版本的Angular 17上工作?'

使用useEffect,axios和useParams进行react测试

单击ImageListItemBar的IconButton后,在Material—UI对话框中显示图像

在服务器上放置了Create Reaction App Build之后的空白页面

在open shadow—root中匹配时,使用jQuery删除一个封闭的div类

Eval vs函数()返回语义

如何将数组用作复合函数参数?

映射类型定义,其中值对应于键

创建以键值对为有效负载的Redux Reducer时,基于键的类型检测

Nextjs 13.4 Next-Auth 4.2登录(&Quot;凭据&,{});不工作

如何在JAVASCRIPT中合并两组对象并返回一些键

react 路由DOM有条件地呈现元素

需要刷新以查看Mern堆栈应用程序中的更改

如何处理不带参数的redux thunk payloadCreator回调函数?

如何使用fltter_js将对象作为参数传递给javascrip?

暂停后只有一次旋转JS

递归地将JSON对象的内容上移一级

JS:inline date子串.