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

相關文章
相關標籤/搜索