如何测量 CSS 选择器的性能?
我们知道CSS有很多选择器可以使用,不同选择器性能会不同,这么来精确测量选择器的性能呢?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
我们知道CSS有很多选择器可以使用,不同选择器性能会不同,这么来精确测量选择器的性能呢?
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
接受
或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论(2)
http://benfrain.com/css-performance-revisited-selectors-bloat-expensive-styles/
这篇文章中有测试的方法,以及作者得到的数据,也就是渲染的速度。
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Writing_efficient_CSS
http://csswizardry.com/2011/09/writing-efficient-css-selectors/
这两篇告诉了你如何去选择CSS选择器。
我觉得纠结这个没有什么太大的意义,毕竟这方面的提升相当的有限,更多的是在其他方面。
没错,web页面的性能瓶颈不在CSS选择器