我有一个大型SPA，其中包含一个包含许多规则的大型CSS文件。其中一些已经过时，应该重构或删除。它是从一组SCSS源文件中编译的。
我现在正在重构样式，并想知道是否有办法测量使用某些特定CSS文件渲染页面所需的时间。
说，我处于起点，CSS中有很多废话，我可以看到使用当前膨胀的样式表，渲染应用程序需要2.234秒。
然后，我一步一步地重构它，应用一些“优化”，并且在每一步我都可以看到，随着一些变化渲染时间减少，变成，比如2.21秒，并且随着一些其他变化，这个时间增加，比方说， 2.5秒。
有没有办法获得该指标？
答案 0 :(得分：0)
使用内置中的开发人员工具面板访问Google Chrome。它也类似于Firefox和Safari，在这里和那里都有明显的微小变化。这将告诉您何时加载文件以及加载文件所需的时间。
Take a look at the documentation for Chrome
您可以使用MacOS上的Alt + Cmd + I或Windows上的Ctrl + Shift + I打开Chrome DevTools。这是一份包含所有信息的非常全面的文档。
如果有人要求 Firefox 版本，则会将其称为 The Waterfall 。 See here for more information。再次，它非常彻底。