无论是内联还是外部js，都会阻塞后续dom的解析渲染。如果JavaScript放在页面顶部，在JavaScript下载解析的时间内，dom会长时间不被解析渲染。Browse浏览器始终处于白屏状态，因此将JavaScript文件放在页面底部更有利于页面的快速渲染。defer和async首先，async和defer对于内联JavaScript是无效的。defer设置defer脚本外部链接文件，js文件下载过程中不会阻塞html解析，如果js下载完成后html还没有解析，js会等到html文档解析完再执行.如果有多个js下载文件，则依次执行。async设置异步脚本外部链接文件，在js文件下载过程中不会阻塞html解析，而是在js下载完成后立即执行，不管当前是否正在解析html。defer和async首先，async和defer对于inlineJavaScript是无效的https://segmentfault.com/img/...为什么要把css放在html文档的
标签中？Css块渲染。一、结论：对于一个HTML文档来说，无论是内联还是外链css，都会阻碍后续的dom渲染，但不会阻碍后续的dom解析。如果将css文件引用放在HTML文档的底部，为了防止无样式的内容闪烁，浏览器在css文件下载解析完成后才会显示任何内容，同样会造成白屏现象。（不过在firefox浏览器中测试时，样式会闪烁，这也是不同浏览器之间的权衡，要么等css完全解析完一起显示，要么先显示再重绘新样式css解析完后。）当css文件放在中时，虽然css解析也会阻塞后续dom的渲染，但是在解析css的同时也在解析dom，所以会在之后逐渐渲染页面css解析完成。如何优化因为对css的解析会阻塞页面的渲染，为了让页面尽快渲染处理，需要避免一些无用的css文件。使用媒体查询可以让css文件只在需要的时候解析，从而避免不必要的渲染阻塞，加快页面渲染时间