Enter 過後：瀏覽器渲染頁面

編輯這份文件——整條管線都是從它算出來的

index.html

style.css

app.js

這支腳本不會被執行。第七段的旁白講的是這四個改動，引擎是把它們套到上面的 HTML 再跑一次管線，來驗證哪幾段真的要重做。

步驟 0/96相對模擬成本 0.00 ms / 17.06 ms

DOM tree、CSSOM tree 與 render tree

HTML 會串流建立 DOM，CSS 同時形成 CSSOM；Style 把目前可用的內容合成概念性的 render tree，Layout 產生盒子，Paint 記錄指令，Raster 填成像素，最後 Composite 組成畫面。瀏覽器能在完整文件到齊前漸進式渲染：要完成的是當下那一幀所需內容的相關階段，不是整頁每個節點。按播放，或點上方階段對照各種結構。

空白鍵播放／暫停，← → 逐步。