假设我有一个相当大的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款,因为浏览器下载组件的方式.

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

Javascript相关问答推荐

SolidJS 中的条件样式

数组更改后动态按钮类不更新

Material UI styled() 实用程序 - 如何递归更改突出显示的文本背景 colored颜色

删除有条件的重复对象

当一次按下超过 2 个键时,p5.js keyIsDown() 行为不一致

如何使数组中的向量不改变其值?

如何在javascript中同步使用setTimeout?

在包装函数中添加日志(log)

Google OAuth2 出现问题(应用没有后端,因此只有客户端)

React 审核表单在提交时未提交审核

javascript中的第n个子选择器

画布 putimagedata 有时不会像预期的那样绘制

JavaScript:具有多个元素的 OnClick 在此关键字下返回“窗口”

'addEventListener' 和 'onclick' 仅适用于 'window' 元素,而不适用于任何其他元素(例如按钮)

onclick 更改所有映射的项目,而不仅仅是一个

从具有相同 id 的元素列表中动态获取特定元素的值

有没有办法在Javascript中将只有hh:mm的字符串转换为日期

如何在 Svelte 中制作累积过滤系统(如亚马逊侧边栏)

无法访问存储在 vue.js 中本地存储 [object Object] 中的 json 对象

用状态中的选中字段react 更新对象数组