在Chrome浏览器中调试CSS性能问题，首先打开浏览器，进入要调试的网页。按F12键或点击右上角三个点，选择“更多工具”中的“开发者工具”。
在开发者工具窗口，点击“性能”标签。这里有多个子选项卡，先选择“概览”。它会显示页面加载的整体情况，包括资源加载时间等。
接着看“网络”选项卡，能查看各个资源文件的请求和响应时间。对于CSS文件，关注其大小、缓存情况以及是否有阻塞渲染的问题。如果CSS文件过大，可以考虑压缩代码，去除不必要的空格、注释等。
再看“帧”选项卡，它能展示页面的帧率情况。帧率低可能意味着存在性能问题，比如CSS动画导致的重排或重绘过多。检查CSS属性的使用，减少会导致重排的属性，如`width`、`height`等的频繁修改。
还可以使用“图层”选项卡，查看页面的分层情况。合理利用CSS的`will-change`属性，提示浏览器哪些元素可能会发生变化，提前做好准备，提高性能。
最后，根据分析结果对CSS进行优化调整，然后再次测试性能，不断迭代，直到达到满意的效果。