【问题标题】:Load third party js on user interaction在用户交互上加载第三方 js
【发布时间】:2021-05-23 15:13:00
【问题描述】:

我有一个 WordPress 网站,其中有一些外部 js 文件,如 recaptcha、gtm 脚本等,这些文件影响了我的速度。由于这些文件来自外部源,因此我无法在页面加载后加载它。

有什么方法可以防止加载这些文件并加载用户交互。如果它在我这边,我可以使用 setTimeout 来延迟它。基本上我想阻止它最初加载并加载一个用户交互。

【问题讨论】:

  • 你尝试了什么?在 Google 中有很多关于 JS 的 lazy loadon-demand load 的文章(以及 SO 答案)。你检查过这些吗?
  • Defer JS 和 Async JS 影响不大。所以我想推迟它。我对联系表格 7 也有同样的问题,但是我可以选择将 recaptcha 出列,而且我很容易将其出列并加载到用户交互中。但是有些脚本是外部的。我想知道是否有任何浏览器 api 可以让我通过匹配名称来识别脚本并在那里限制并将其加载到某些事件中。
  • 没有一个我熟悉的。我会首先检查是否可以在更快的 CDN 上找到外部脚本,或者考虑下载它们并在本地运行。

标签: javascript php jquery wordpress pagespeed


【解决方案1】:

您也可以使用飞行脚本、nitropack 或 wprocket 等插件来实现此目的。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-12-01
    • 1970-01-01
    • 2021-01-25
    • 1970-01-01
    • 2014-01-19
    • 2017-06-01
    • 1970-01-01
    相关资源
    最近更新 更多