加载外部 JS 不影响 TTI

Question

我有多个来自同一提供商的外部 js，我将它们插入网站以嵌入 Instagram（它为每个插入创建了画廊）。不幸的是，这个 JS 对谷歌页面速度产生了显着的负面影响。我说的是移动端和桌面端降低了 20 - 23 个点。

很遗憾，该产品没有任何其他嵌入选项。这是一个普通的标签。我已经尝试过异步和延迟，但没有用，因为谷歌很聪明，并认为要加载页面上的所有脚本来计算交互时间，这是延迟的。显然，搜索引擎优化正在受到打击，因为网站性能受到打击。

问题是，有没有一种方法可以在不影响 DCL (DomContentLoaded) 和 TTI 的情况下加载所有这些脚本？任何帮助表示赞赏。当 DOM 元素在视图中时加载这些脚本就足够了。

Answer 1

由于您不能将它们分成几个块，我建议您按需动态加载这些文件（在需要时）。

This answer 展示了如何动态加载脚本。