css加載是否會阻塞DOM樹的解析和渲染？

一分鍾了解css加載是否會阻塞DOM樹的解析和渲染

 

1. css加載不會阻塞DOM樹的解析；
2. css會阻塞DOM樹的渲染,DOM樹解析完此時位於該css之前的js片段可獲取到DOM，該css之后的js片段被阻塞；（個人理解：先把DOM樹的結構先解析完，等css加載完之后再根據最終的樣式來渲染DOM樹，避免了css加載完之后DOM樹又得重新重繪或者回流等一系列沒有必要的損耗）
3. css加載會阻塞后面js語句的執行
4. js會阻塞DOM樹的解析，也會阻塞DOM樹的渲染。

　　由於大部分現代瀏覽器會預加載資源，所以在使用時只要遵循以下原則就可以了：

1. CSS放在頁面頭部，保證它先加載完成不會阻塞JS的運行；
2. JS放在頁面底部，保證了兼容性的同時沒有讓腳本的加載阻塞到HTML的解析，減少了白屏時間。

 

 

---

 

 

　　如有錯誤，歡迎評論指正、共同提高。[握手]    

　　歡迎轉載，轉載請注明：轉載自[ http://www.cnblogs.com/juneling ]