问题标签 [deferred-loading]

在 HTML 中，如果您想在页面加载后运行脚本，您可以设置 defer 属性。但是，当我尝试在 SVG 文档中执行此操作时：

...它似乎并没有像我预期的那样“推迟”。我一直将脚本标签放在文件末尾作为解决方法，但也许我遗漏了什么？是否有一种不同的、更标准的方式来延迟 SVG 中的脚本？我只想在我的脚本运行时解析并准备好整个 DOM。

问题很简单。我一直在研究，在类似的问题中我还没有找到答案。是否应该在页面底部加载的脚本中使用 defer？它会是多余的还是在任何情况下都有意义？

我在网站上安装了 Google reCaptcha v2（复选框类型）。但即使使用“延迟”属性（基于 pagespeed 测试），它也会显着减慢移动设备上的页面加载速度。因此，我想将其加载完全推迟到页面完全加载之后。

这是表单代码（安装 reCaptcha 的位置）的样子：

这个 reCaptcha js 文件被添加到 head 部分：

即使在这个 js 文件上使用了 'defer' 属性，其他相关文件也会被加载。它们是页面速度较低的原因。

如何将这个 reCaptcha 的加载完全推迟到其他所有内容都完全加载之后？

我是 wordpress 技术的新手，如果我在这里提出基本问题，我深表歉意。

实际上我正在尝试从除联系我们之外的所有其他页面中删除联系表格 7 样式和 js 文件，所以我在function.php中做了什么

但我仍然在每个页面的源代码中看到联系表格 7 包含在内

我的网站网址：https ://www.mobitsolutions.com/home 并联系我们网址：https ://www.mobitsolutions.com/contactus

任何帮助，将不胜感激。

有很多关于如何async以及如何defer影响加载时间和外部脚本执行开始的文档，但是我找不到脚本完成执行时提到的任何内容。

例如，假设外部脚本定义了函数one()、two()、three()和four()：

外部脚本开始与 HTML 并行加载，然后在加载后立即执行。

我很确定这two()是不现实的，因为它在被调用时可能是未定义的，但我不知道其他人。

是否有任何函数在被调用时保证可用？

当 JavaScript 在浏览器中异步加载时（通过带有 async 属性的脚本标签），通常无法控制它的执行顺序。

使用 webpack 以及像 Next.js 这样异步加载所有脚本的框架（示例），看起来 Webpack 运行时是同步加载的，以协调所有脚本。每个额外的脚本资产都以webpackJsonp. 这大概是我的理解，但我想了解更多。谁能为文章/文档/其他资源添加一些额外的颜色或为我指明正确的方向？

Jake Archibald 在这里更多地讨论了这个话题，但它已经有一段时间没有更新了：https ://www.html5rocks.com/en/tutorials/speed/script-loading/ ）

GTMetrix 速度分数没有增加 本网站显示了 4 种速度问题。问题是：

1. 延迟解析 JavaScript
2. 利用浏览器缓存
3. 最小化重定向
4. 提供缩放图像

对于 JavaScript 的延迟解析，我在主题编辑器的 function.php 中使用了以下代码

利用浏览器缓存

对于利用浏览器缓存，我在 .htaccess 中使用了以下代码

用于服务缩放图像

我是从文件管理器手动完成的。

但是速度分数并没有以任何方式增加。它保持不变。

有什么解决办法？

我读到这个事件监听器确保，对于常规脚本，JS 不会引用尚未加载的节点。内容在DOMContentLoaded 被触发后执行）。

我还读过一个模块在触发之前 DOMContentLoaded执行（由于defer它内置的属性）。

我使用的模块似乎不需要DOMContentLoaded监听器。我可以确认DOMContentLoaded他们不需要侦听器来正确访问节点吗？

另外，我想不出如何测试这个，所以我在这里问。如果你知道我怎么做，请分享！

我正在尝试延迟/延迟加载 YouTube Iframe API，因为它会因 YouTube 的额外 1 MB javascript 而减慢页面加载速度。我尝试了很多解决方案，但对我没有任何效果。请帮助我解决问题并获得最大的网页速度。

GTmetrix 问题：

框架代码：

音频播放器 JS 代码：

演示：https ://www.narcosmp3.com/descargar-mp3/bts-lie.html

介绍

当面板包含在 Primefaces 管理的选项卡中时，我遇到了在延迟模式下加载输出面板的问题。

这是一个代码示例：

“tab.report”由 Jasper 生成。在大多数情况下，生成此报告需要时间。这就是使用延迟模式的原因。

选项卡在动态模式下使用 p:tabView 进行管理，没有缓存，因此每次选项卡更改时都会从服务器重新获取选项卡。

这适用于第一个选项卡：有效地延迟了面板的显示，而不会阻止显示上下文。在选项卡之间切换时，仅当报表准备好时才会显示选项卡的全部内容。

我试过使用 deferredMode="visible"，但这个功能似乎是为了滚动可见性。我尝试将 h:form 包含在 ap:outputPanel 中并更新面板而不是表单。

至今没有成功。

使用 p:RemoteCommand

我使用 p:RemoteCommand 取得了进展，发现其他人一直在走这条路，但是遇到了一些困难。我会发布我的进展。

以下是相关帖子：

• p：远程命令不在异步模式下工作

• 这里报告的错误似乎已经消失了

JSF 2.1 Wildfly 8.2.1.Final Primefaces 8.0.3 Omnifaces 2.7.7 Java 8