加载外部JS而不影响TTI

时间:2019-11-06 01:23:04

标签: javascript jquery performance

我有多个来自同一提供者的外部js,我将它们插入网站以嵌入Instagram(它为每个插入物创建了图库)。不幸的是,此JS对Google页面速​​度产生了负面影响。我说的是在移动设备和台式机上降低20-23点。

很遗憾,此产品没有其他嵌入选项。这是一个普通标签。我曾尝试过异步和延迟,但由于Google很聪明,因此没有用,它会考虑加载页面上的所有脚本来计算“互动时间”,这被延迟了。显然,随着网站性能的提高,SEO受到了打击。

问题是,有没有办法我可以加载所有这些脚本而不影响DCL(DomContentLoaded)和TTI?任何帮助表示赞赏。当DOM元素处于可见状态时,加载这些脚本就足够了。

1 个答案:

答案 0 :(得分:0)

由于您无法将它们拆分成几个块,因此建议您根据需要(需要时)动态加载这些文件。

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