若JS文件很大放在前面就会导致加载时间较长,网页会一直白屏。还有一个原因是因为JS一般会涉及到一些DOM操作,所以要等全部的dom元素都加载完再加载JS。...这样做也同样是有利有弊:利在于可以避免 Firefox、Opera中出现的闪烁的问题(虽然在IE下闪烁是经常的事情),可以确保样式会统一解析并渲染页面;而弊端在于页面全部样式表的加载延迟了页面渲染的时间...导致白屏的原因:
样式文件放在底部,对于IE浏览器,在某些场景下(新窗口打开,刷新等)页面会出现白屏
使用 @import 标签, 即使 CSS 放入 link, 并且放在头部,也可能出现白屏
把 JavaScript...放入页面顶部也会导致白屏现象,在加载 JavaScript 时,会禁用并发,并且阻止其他内容的下载
导致FOUC的原因 :
把样式放在底部,对于IE浏览器,在某些场景下(点击链接,输入URL,使用书签进入等...仔细想想,async 对于应用脚本的用处不大,因为它完全不考虑依赖(哪怕是最低级的顺序执行),不过它对于那些可以不依赖任何脚本或不被任何脚本依赖的脚本来说却是非常合适的,最典型的例子:Google Analytics