探真无阻塞加载JavaScript脚本，有何隐藏的秘密令人惊奇？

本文共计1803个文字，预计阅读时间需要8分钟。

下面的图片是我在使用Firefox和Chrome浏览器访问百度首页时记录的HTTP请求：

Firefox：- 下面的图片是Firefox：+ 在浏览器百度首页前，我都将浏览器的缓存全部清理掉，让这个场景尽可能接近第一次访问百度首页。

Chrome：- 下面的图片是Chrome：+ 在浏览器百度首页前，我都将浏览器的缓存全部清理掉，让这个场景尽可能接近第一次访问百度首页。

　　下面的图片是我使用firefox和chrome浏览百度首页时候记录的anydomain.com/A.js"; document.getElementByTagName("head")[0].appendChild(scriptElem);

　　

　　Script Defer

　　原生方案。利用defer属性来防止脚本阻塞。

　　代码如下：

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

　　

　　不过许多浏览器不支持该属性。

　　document.write Script Tag

　　动态写脚本的另一种方案，不过只在IE中是并行下载的。