性能优化——CSS和JS的加载和执行

浏览器的渲染机制

HTML渲染过程的一些特点

1. 顺序执行，并发加载

通过词法分析，通过HTML生成Token对象（当前节点的所有子节点生成后，才会通过next token获取到当前节点的兄弟节点），最终生成Dom Tree
浏览器中可以支持并发请求，不同浏览器所支持的并发数量不同（以域名划分），以Chrome为例，并发上限为6个。
优化点： 把CDN资源分布在多个域名下

1. 是否阻塞

CSS：
    CSS放在head中会阻塞页面的渲染（也就是说页面的渲染会等到css加载完成）
    CSS阻塞JS的执行 （因为GUI线程和JS线程是互斥的，因为有可能JS会操作CSS）
    CSS不阻塞外部脚本的加