7、css加載會阻塞dom樹的解析嗎，會阻塞渲染嗎？ · 大廠前端面試真題

>[danger]css加載會阻塞dom樹的解析嗎，會阻塞渲染嗎？ **CSS 加載會阻塞 DOM 樹的渲染和構建，但是不會阻塞 DOM 樹的解析。** 換句話說，當瀏覽器解析 HTML 文檔時，如果遇到 `<link>` 或 `<style>` 標簽，它會暫停 DOM 樹的構建，直到 CSS 文件被下載并解析完畢，同時也會阻塞頁面的渲染。在 CSS 文件被下載和解析之前，瀏覽器可能會先把部分 DOM 樹構建出來，并展示出來，但此時還未應用 CSS 樣式，因此可能會導致頁面樣式短暫的錯亂或閃爍現象。為了避免這種情況，可以使用一些優化技巧，比如將 CSS 樣式表放到 `<head>` 中，避免使用復雜的選擇器或嵌套規則等。另外，如果 CSS 文件非常大，也可能會造成頁面加載時間過長的問題。為了優化頁面加載速度，可以采用以下方法： - 盡量減少 CSS 文件的大小，避免使用不必要的樣式和選擇器。 - 使用 CSS 壓縮工具壓縮 CSS 文件。 - 使用瀏覽器緩存，避免重復下載 CSS 文件。 - 將頁面內容分成多個模塊，按需加載，避免一次性下載大量 CSS 文件。