css是否阻塞html解析、渲染??

答案

一、css加载不会阻塞DOM树的解析css

二、css加载会阻塞DOM树的渲染html

三、css加载会阻塞后面js语句的执行webpack


所以,为了不让用户看到长时间的白屏时间,咱们应该尽量的提升css加载速度,好比可使用如下几种方法:web

一、使用CDN(由于CDN会根据你的网络情况,替你挑选最近的一个具备缓存内容的节点为你提供资源,所以能够减小加载时间)gulp

二、对css进行压缩(能够用不少打包工具,好比webpack,gulp等,也能够经过开启gzip压缩)缓存

三、合理的使用缓存(设置cache-control,expires,以及E-tag都是不错的,不过要注意一个问题,就是文件更新后,你要避免缓存而带来的影响。其中一个解决防范是在文件名字后面加一个版本号)网络

四、减小http请求数,将多个css文件合并,或者是干脆直接写成内联样式(内联样式的一个缺点就是不能缓存)工具


参考文章:css加载会形成阻塞吗?htm

相关文章
相关标签/搜索