细微CSS动画引发的性能噩梦：60% CPU和25% GPU占用率的罪魁祸首

一个简单的CSS动画竟然导致Macbook M2的CPU占用率高达60%，GPU占用率高达25%！本文通过分析浏览器渲染管道，揭示了动画性能问题的根源：动画使用了代价高昂的`height`属性。作者通过Chrome开发者工具的性能分析，定位到问题所在，并通过巧妙地使用`transform`属性代替`height`属性，最终将CPU占用率降低到6%，GPU占用率降低到1%以下，成功解决了性能瓶颈。