延迟JS加载 - 插入头部或身体

Question

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

Answer 1

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

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

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