通过移除 CSS 代码中的注释、多余空白和冗余字符来减小文件体积。全部操作均在您的浏览器中完成。
什么是 CSS 压缩?
随着 CSS 文件不断增大,加载时间也会随之增加。压缩通过去除注释、多余空白、末尾分号和缩进来缩小文件。结果会被浏览器以完全相同的方式解析,但下载速度更快。
它的好处
对于较大的 CSS 文件,压缩可以将体积减少 20–50%。这有助于阻塞渲染的资源更快加载,并有利于获得更好的 Core Web Vitals 分数。
如何使用
- 将您的 CSS 代码粘贴到左侧面板。
- 点击压缩按钮并复制结果。
- 在生产环境中使用
.min.css版本。
提示:如果您通过 CDN 分发压缩后的 CSS,并配合浏览器缓存,性能提升会成倍增加。
常见问题
压缩后的 CSS 之后还能编辑吗?
技术上可以,但很难阅读。请始终在原始(源)文件中进行修改,然后重新压缩。
压缩和合并是一回事吗?
不是。压缩是减小文件体积,而合并是把多个文件合成一个以减少请求数量。两者结合使用效果最佳。