淺談CSS重繪和迴流（重排）—— 如何減少重繪和迴流（重排）

瀏覽器的渲染過程 解析HTML，構建DOM樹 解析CSS，生成CSS規則樹 合併DOM樹和CSS規則，生成render樹 佈局render樹（Layout/reflow），負責各元素尺寸、位置的計算 繪製render樹（paint），繪製頁面像素信息 瀏覽器會將各層的信息發送給GPU，GPU會將各層合成（composite），顯示在屏幕上 基本概念 重繪：當頁面元素樣式改變不影響元素在文檔流中的位

>>阅读原文<<