如何将 defer 属性添加到我们的脚本标签?我们通过 head.html 中的 clientLib 标记调用来获取它们,但 AEM 以及如何轻松地将 defer 标记添加到我们的脚本中并没有太多内容。
<clientlib data-sly-call="${clientLib.all @ categories=['company-libraries']}" data-sly-unwrap/>
任何帮助表示赞赏!谢谢
您可以使用 Jens 的答案:https ://github.com/nateyolles/aem-clientlib-async但那个与 ACS commons 版本化的 clientlib 不兼容。这就是我这样做的原因:https ://github.com/ahmed -musallam/aem-clientlib-async
据我所知,这不是开箱即用的。但是 GitHub 上有一个项目正是为此目的(async
和defer
加载)。
请参阅:https ://github.com/nateyolles/aem-clientlib-async
使用该软件包,您可以执行以下操作:
<meta data-sly-call="${clientLib.js @ categories='your.clientlib', loading='defer'}" data-sly-unwrap></meta>