如何平台CSS伪元素

Question

有没有一种方法来测量网页中的大量:after和:before在CSS中的性能（显示）？

我认为每个元素的渲染时间都有一个小的影响，现代计算机上没有问题，但是在慢速移动上没有问题。

Answer 1

Chromium Developer Tools现在包含一个简单的CSS选择器时序分析器。

打开开发工具（F12或Ctrl + Shift + I）并选择“Profiles”;使用“收集CSS选择器配置文件”。 （您需要开始分析并在一段时间后停止以查看结果）您可以在DevTools窗口底部的ms中将输出从百分比切换到时间度量。