1. 程式人生 > >js執行會阻塞DOM樹的解析和渲染,那麼css載入會阻塞DOM樹的解析和渲染嗎

js執行會阻塞DOM樹的解析和渲染,那麼css載入會阻塞DOM樹的解析和渲染嗎

結論:
1. css載入不會阻塞DOM樹的解析
2. css載入會阻塞DOM樹的渲染
3. css載入會阻塞後面js語句的執行

因此,為了避免讓使用者看到長時間的白屏時間,我們應該儘可能的提高css載入速度,比如可以使用以下幾種方法:
1.使用CDN(因為CDN會根據你的網路狀況,替你挑選最近的一個具有快取內容的節點為你提供資源,因此可以減少載入時間)
2.對css進行壓縮(可以用很多打包工具,比如webpack,gulp等,也可以通過開啟gzip壓縮)
3.合理的使用快取(設定cache-control,expires,以及E-tag都是不錯的,不過要注意一個問題,就是檔案更新後,你要避免快取而帶來的影響。其中一個解決防範是在檔名字後面加一個版本號)
4.減少http請求數,將多個css檔案合併,或者是乾脆直接寫成內聯樣式,內聯樣式(把css程式碼直接寫在現有的HTML標籤中)的一個缺點就是不能快取。