Анализ производительности эмоций/css-in-js в нашем приложении
Хотя эмоции полезны для разработчиков, они влияют на скорость приложения. Эта статья служит отличным справочником: https://calendar.perfplanet.com/2019/the-unseen-performance-costs-of-css-in-js-in-react-apps/
В моей компании мы хотим оценить, насколько значительным является это влияние на производительность и стоит ли его оптимизировать.
Как я могу это проанализировать? Я мог бы запустить новое приложение и сравнить два базовых примера, как показано здесь: https://pustelto.com/blog/css-vs-css-in-js-perf/ , но это чисто теоретически, я хочу посмотреть, как это влияет на наше приложение. Я мог бы использовать вкладку профилировщика в инструментах разработчика, но все, что, кажется, действительно говорит мне, это то, сколько общего времени было потрачено на скрипты, что намного больше, чем просто синтаксический анализ css-in-js.
Итак, мой вопрос: кто-нибудь знает способ получить представление о стоимости производительности css-in-js в реальном приложении? Возможно, есть хороший способ сделать это с вкладкой производительности, о которой я не знаю?
Любая помощь приветствуется!