- 压缩 CSS 文件：减少文件大小，去掉不必要的空格和注释，这样文件体积更小，加载速度更快。
- 移除未使用的样式：很多时候，写了样式没用上，导致 CSS 文件臃肿，清理掉没用的部分，减少体积。
- 合并和分割 CSS 文件：合并多个 CSS 文件减少 HTTP 请求；也可以按需加载，只在需要时加载特定页面的样式。
- 简化选择器：选择器不要太复杂，层级太深会增加计算负担，影响性能。尽量用类选择器，少用通配符和属性选择器。
- 避免 @import：
@import导入 CSS 会增加额外请求，加载速度慢。尽量用<link>直接引入外部文件。 - 减少重绘和回流：避免频繁使用会引起回流的属性，比如
width、height，动画时多用transform和opacity这种对性能影响小的属性。 - 优化字体加载：Web 字体加载会影响页面渲染速度，尽量少用字体，设置
font-display: swap，让文字先显示，再加载字体。 - 使用关键 CSS：首屏显示的 CSS 放在
<head>里，确保页面先渲染出来，剩下的样式可以延迟加载。 - 使用现代布局方式：像 CSS Grid 和 Flexbox 这些布局方式，比传统的 float 布局性能更好、代码更简洁。
- 利用 CSS 变量：减少重复定义，提高代码的可维护性和简洁性。