瀏覽器渲染過程：
HTML ? Html解析器 ? DOM樹 ? 資源請求【css解析器-css樣式樹】【js執(zhí)行-操作dom】 ? 渲染樹【計算布局】 ? 繪制 ? 顯示
HTML 解析器
解析
HTML文檔倚舀，將元素逐個轉化成DOM節(jié)點，從而生成DOM樹
CSS 解析器
將
CSS轉化為對象氮发，然后將對象構建成CSSOM樹
CSSOM：CSS對象模型
渲染樹
渲染樹：由
DOM樹和CSSOM樹轉化而成扁凛，CSS
渲染樹-計算布局
如：隱藏節(jié)點废恋、絕對定位節(jié)點茧痒、由子節(jié)點控制的節(jié)點等
繪制
計算后的渲染樹选侨，通過顯卡
GPU進行繪制
顯示
將繪制后的圖層良蛮，顯示
哪些環(huán)節(jié)會造成性能問題抽碌？
- 資源加載（
CSS、JS） - css層級决瞳，選擇器的深度
