延迟 JS 加载 - 插入到 Head 或 Body

【问题标题】：Defer JS loading - insert to Head or Body延迟 JS 加载 - 插入到 Head 或 Body
【发布时间】：2012-07-05 10:21:19
【问题描述】：

我想知道在优化、缓存和页面加载速度方面最推荐的方式是什么。使用延迟加载时，我应该在我的网站文档的 BODY 或 HEAD 中动态插入 JS 文件吗？

【问题讨论】：

【解决方案1】：

如果您使用 DEFER，则将脚本标记放在 HEAD 或 BODY 中，就脚本何时运行或缓存而言无关紧要。无论哪种方式，它都会在页面解析完成后运行，并根据与javascript文件一起发送的服务器头进行缓存。

您可能仍希望将脚本标签放在正文的末尾，以针对旧浏览器忽略 DEFER 属性的情况进行优化。

或者，您可能希望将脚本标签放在 HEAD 中，以便在获取顺序中更早地获取 javascript 文件（例如，在正文中指定的图像、音频或视频文件之前）。

【讨论】：