DOM阻塞

浏览器缓存 ：cache-control 的max-age设置缓存的时间
框架区域采用的是服务器端渲染，中间页面采用的是vue的单页面应用，客户端渲染，主要框架采用服务器端渲染，速度快，有更好的体验。
1.html下载完成后解析成DOM，
2.css下载完解析成CSSOM(css object model)
3.两者结合生成 render tree
4.生成布局
5.在屏幕上绘制

css不会阻塞dom的解析，css会阻塞渲染生成render tree

js会阻塞dom的解析，js下载和执行的时候会停止dom解析

<script>和<link>都在body上边的话，script要放在link上边，如果css在js之前的话，需要等待css下载完才会执行js里边的操作；css下载本来是不会影响html解析的，但是有个script还没有执行，script是会阻塞html解析的，所以造成css会阻塞html解析的假象；

script标签加了async之后，会同时并行异步下载js文件，下载完成后停止解析html，执行js，执行完之后继续解析
加了defer之后，异步并行下载，下载完之后等待html解析完成，解析完按照script标签出现的顺序执行