Javascript 是页脚中的一个脚本；渲染块“；？

在与同事讨论后，我们需要回答以下问题：页脚中的脚本是否为“渲染阻塞”？我的意思是，在脚本完全加载之前，是否有任何内容显示给用户

---

谢谢

一般来说，每个脚本都是一个拦截器，但是最好在页脚中保留js

---

Html页面由浏览器逐行执行，就像您的代码一样。如果您的脚本将在页脚中-这意味着在此脚本之前的所有内容都已呈现。

通常，每个脚本都是一个拦截器，但最好在页脚中保留js

---

Html页面由浏览器逐行执行，就像您的代码一样。如果您的脚本将在页脚中-这意味着在此脚本之前的所有内容都已呈现。

当您将javascript放置在页面页脚中时；i、 e.在关闭

之前，如果没有延迟/异步属性，则为渲染阻塞

当浏览器构造DOM并读取脚本标记（即使在页脚中）且不带

defer/async

属性时，浏览器只能在脚本完全下载的情况下继续构造DOM

请注意，在浏览器绘制结果之前，DOM构造在浏览器中尚不可见

在我们真正看到结果之前，浏览器将执行4个主要步骤。

DOM和CSSOM构造

渲染树

布局-计算每个对象的确切位置和大小

油漆-是最后一步；将生成的像素渲染到屏幕上

---

将javascript放入页面页脚时的和链接；i、 e.在关闭

之前，如果没有延迟/异步属性，则为渲染阻塞

当浏览器构造DOM并读取脚本标记（即使在页脚中）且不带

defer/async

属性时，浏览器只能在脚本完全下载的情况下继续构造DOM

请注意，在浏览器绘制结果之前，DOM构造在浏览器中尚不可见

在我们真正看到结果之前，浏览器将执行4个主要步骤。

DOM和CSSOM构造

渲染树

布局-计算每个对象的确切位置和大小

油漆-是最后一步；将生成的像素渲染到屏幕上

---

链接和

它来晚了，但我找到了答案：不，脚本不是渲染阻塞，脚本是解析阻塞。只有CSS文件是渲染块

如果脚本位于主体内部，则它将被解析阻止，但在脚本可以呈现之前解析的内容已经可以呈现（如果它位于主体中，则不会呈现任何内容，因为还没有解析任何内容）。因此，是的，可以在脚本完全下载之前显示/呈现内容

请看以下两个例子：

测试
Lorem Ipsum一直是业界标准的虚拟文本打印机，它需要一个打字和打乱的厨房
我们正在测试
Lorem Ipsum只是打印的虚拟文本，并键入自己的打印机

时间晚了，但我找到了答案：不，脚本不是渲染阻塞，脚本是解析阻塞。只有CSS文件是渲染块

如果脚本位于主体内部，则它将被解析阻止，但在脚本可以呈现之前解析的内容已经可以呈现（如果它位于主体中，则不会呈现任何内容，因为还没有解析任何内容）。因此，是的，可以在脚本完全下载之前显示/呈现内容

请看以下两个例子：

测试
Lorem Ipsum一直是业界标准的虚拟文本打印机，它需要一个打字和打乱的厨房
我们正在测试
Lorem Ipsum只是打印的虚拟文本，并键入自己的打印机

是，它正在阻塞。但是，前面的部分（正文）已经呈现了。我会说任何不是内联的JS，或者asyc/DERED，都是呈现阻塞。可能的重复-此外，jQuery最好放在顶部，因为其他脚本可以利用它away@Fran我不确定它们是否相同。一个是讨论好处，另一个是询问定义。@evolutionxbox-我认为它回答了这个问题

如果我把它放在页脚，渲染会在脚本下载完成之前开始吗？

是，它正在阻止。但是，前面的部分（正文）已经呈现了。我会说任何不是内联的JS，或者asyc/DERED，都是呈现阻塞。可能的重复-此外，jQuery最好放在顶部，因为其他脚本可以利用它away@Fran我不确定它们是否相同。一个是讨论好处，另一个是询问定义。@evolutionxbox-我想它回答了这个问题

如果我把它放在页脚，渲染会在脚本下载完成之前开始吗？