推迟解析JavaScript无法正常工作

Question

Gtmetrix说有些来自youtube的JS文件需要推迟。我删除了iframe并使用jQuery并通过经典的Javascript代码推迟了它，但这两种方法都不起作用。 Gtmetrix仍然显示相同的youtube JS文件。

Gtmetrix中的错误 这是我目前正在使用的Javascript代码

<script>
var txt = '<iframe src="https://www.youtube.com/embed/qwertyuiopa?feature=oembed&amp;wmode=opaque" allowfullscreen="" frameborder="0"></iframe>';
document.getElementsByClassName('myclass')[0].innerHTML = txt;
</script>

PS：是的我删除了缓存，源代码中没有<iframe>标记，并且JS代码运行正常。

Answer 1

您可以尝试将JS代码解压缩到.js文件中，然后使用defer HTML元素的async或<script />属性。

<script src="javascript.js" defer></script>

这些属性不应在没有script的{​​{1}}标记上使用，这就是将代码提取到单独的JS文件中的重要性。

希望它有所帮助。