如何平臺CSS僞元素

Question

有沒有一種方法來測量網頁中的大量:after和:before在CSS中的性能（顯示）？

我認爲每個元素的渲染時間都有一個小的影響，現代計算機上沒有問題，但是在慢速移動上沒有問題。

Answer 1

Chromium Developer Tools現在包含一個簡單的CSS選擇器時序分析器。

打開開發工具（F12或Ctrl + Shift + I）並選擇「Profiles」;使用「收集CSS選擇器配置文件」。 （您需要開始分析並在一段時間後停止以查看結果）您可以在DevTools窗口底部的ms中將輸出從百分比切換到時間度量。