0

我遇到了建议将标签包含在以下代码片段中的 tealium utag.js 文档。基本上，它会创建一个异步脚本标签并将其插入到文档的第一个脚本标签之前。

<script type="text/javascript">
  // some setup needed for Tealium utag.js to work properly
</script>
<!-- Tealium snippet to include utag.js -->
<script type="text/javascript">
  (function(a,b,c,d) {
      a='//tags.tiqcdn.com/utag/ACCOUNT/PROFILE/ENVIRONMENT/utag.js';
      b=document;c='script';d=b.createElement(c);d.src=a;
      d.type='text/java'+c;d.async=true;
      a=b.getElementsByTagName(c)[0];a.parentNode.insertBefore(d,a)})();
</script>

我想知道使用此代码段而不是直接将脚本包含在 DOM 中是否有任何优势/区别。

<script type="text/javascript">
  // some setup needed for Tealium utag.js to work properly
</script>
<!-- Include utag.js asynchronously -->
<script type="text/javascript" src="//tags.tiqcdn.com/utag/ACCOUNT/PROFILE/ENVIRONMENT/utag.js" async></script>
4

1 回答 1

0

原因是推荐的方法与 100% 的浏览器兼容。大多数现代浏览器都支持异步选项，因此您可能可以安全地使用它，但您的访问者可能使用的是旧版浏览器。您可能希望谨慎行事，并确保您支持所有用户。

https://caniuse.com/script-async

于 2020-10-08T21:18:46.193 回答