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

Question

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

Answer 1

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

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

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