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

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

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

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

或者,您可能希望将脚本标记放在HEAD中以获取提取顺序中较早的javascript文件(例如,在正文中指定的图像,音频或video文件之前)。