页面加载性能之禁用document.write

如果你在控制台看到了以下信息，那么这篇文章对你而言应该会有帮助:

(index):34 A Parser-blocking, cross-origin script,
https://paul.kinlan.me/ad-inject.js, is invoked via document.write().
This may be blocked by the browser if the device has poor network connectivity.

对于现在的web的开发者而言，document.write 应该是入门级的DOM API，但实际项目开发中，却很少使用。如果面试官问你为什么不去使用它，你会怎么回答？

很多人可能会说这个性能低，那么为什么低呢？先看个例子:

document.write('<script src="https://paul.kinlan.me/ad-inject.js"></script>');

在浏览器渲染页面之前，会去根据HTML标签解析DOM树。如果解析器遇到了 <script> 标签，则会停止DOM的解析，优先执行脚本。如果这个脚本动态插入了另一个脚本，则解析器会等待另一个脚本