javascript - 推迟 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或async <script /> 的属性HTML 元素。

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

这些属性不应在 script 上使用没有 src 的标签，这就是为什么将代码提取到单独的 JS 文件中很重要。

希望有帮助。