Css 材料UI可能会降低withStyles的性能

我的任务是使react redux web应用程序中的页面加载速度更快

当加载页面的操作触发时，我们会得到大约0.5秒的小冻结

我打开了探查器，乍一看似乎没有什么问题。

没有不必要的重新渲染，显示的唯一黄色警告大约为10毫秒

当我转到profiler中的“排名”选项卡时，我会看到一个稍微不同的故事，我发现大部分时间都花在了with style（）上。

我们通过with styles（）在JS中使用CSS的material ui方法，似乎使用with styles（）会显著影响加载速度。
是这样吗？或者这只是一个“我一次渲染了太多东西”的例子

将JS中的CSS转换为CSS将是一项巨大的努力，尽管我确实花了一个小时的时间翻阅了JS中的CSS，发现性能提高了约40%，尽管我不知道这40%中有多少是由于withStyles而不是页面上样式元素的性能

+90%的使用样式的时间实际上都花在了中，在材质UI方面我们几乎无能为力

尽管如此，有一种可能的加速方式不包括重新编写JS CSS样式方法，即切换到

makeStyles

而不是

withStyles

---

可以找到

在切换了我可以找到的使用makeStyles的所有功能组件3个小时后，我发现开发构建中改进了16%。不是我想要的改进，但它有帮助。我真的深入研究了它，我找不到任何合适的解决方案来改善它的足迹。