Frontend Signal Studio

Pretext vs DOM Measurement

比較同一批文字資料在兩種路徑下的成本: 一邊是 hidden element + offsetHeight, 一邊是 Pretext 的 prepare() + layout()

DOM Measurement

-總耗時

-每輪平均

-估計掉幀數

Pretext prepare + layout

-總耗時

-每輪平均

-估計掉幀數

差異摘要

-速度倍數

-節省時間

調整參數後按「重新測量」。

DOM 路徑樣本卡片

Pretext 路徑樣本卡片