CSS 动画性能优化：为什么你的动效会掉帧

transform 与 opacity 才走合成层，width/height/top 会触发重排。用具体案例演示如何把 30fps 的动画救回 60fps。

一、准备工作

先确认服务器环境与版本，避免后面反复折腾。以下步骤在 Ubuntu 22.04 + PHP 8.2 上验证通过。

二、具体操作

按顺序执行命令，每一步都说明了它的作用，方便你根据实际情况删减。

提示：修改配置前先备份，出问题能一键回滚。

三、效果验证

完成后用浏览器无痕模式打开验证，注意清掉 CDN 与本地缓存，否则看到的还是旧页面。