关于前端:JS会阻塞页面的加载

JS阻塞DOM解析，也就会阻塞页面。

这也是为什么JS文件放在最上面的起因。
那为什么会阻塞DOM解析呢？

· 因为JS是可操纵DOM的，· 如果在批改这些元素属性同时渲染页面（即js线程和UI线程同时运行），· 那么渲染线程前后取得的元素数据就可能不统一了。· 为了避免渲染呈现不可预期的后果，浏览器设置 GUI渲染线程与js引擎为互斥的关系。· 当JS引擎执行时，GUI线程会被挂起，GUI更新会被保留在一个队列中期待引擎线程闲暇时立刻被执行。· 当浏览器在执行JS程序的时候，GUI渲染线程会被保留在一个队列中，直到JS程序执行实现后才会立刻被执行。如果JS执行的工夫过长，这会造成页面的渲染不连贯，导致页面渲染加载阻塞的感觉。· 如果JS文件中没有操作DOM相干的代码，就能够将JS脚本设置为异步加载，通过async或defer来进行标记代码。