各位同行前辈，你们开发的时候，有特别关注浏览器（代码）性能问题么

起因：最近换了大台式机，主要硬件：AMD3600 + 2060 显卡，查看之前做的一个功能，无论 4k 1k ，显示 dialog 都很流畅，

之前环境： 硬件：nuc8 i5beh ，外接 4K + 1k 两个显示器 软件：chrome 109

当时基于 headlessui + tailwindcss 写了一个 react dialog 组件，在一个 dom 比较多（ 1w 标签）的页面，4k 显示器中，dialog 显示的时候，会有轻微的卡顿，但是 1k 下很流畅

后来通过 chrome 性能分析工具发现，是由于 dialog 显示的时候，会给 html 添加样式禁止滚动，style="overflow: hidden; padding-right: 17px;"，这个过程会很耗时，技术有限没弄明白为啥，个人猜测是回流 /重绘导致的，外加 GPU 性能不够。因为是个玩具项目，也懒得继续研究。

从事前端也差不多快 8 年了，技术一般，目前就是混日子养老的状态，都懒得学习提升自己了。