CSS 文件可能非常大,因此会增加网站页面的加载时间。CSS 压缩是从层叠样式表 (CSS) 文件中删除不必要字符(例如空格、换行符和注释)的过程。CSS 压缩的目标是减小 CSS 文件的大小,从而提高网站性能并减少页面加载时间。
以下是六种流行的 CSS 压缩工具
CSS Minifier:一款免费的在线工具,可让您通过删除空格、注释和其他不必要的字符来缩小 CSS 代码。它支持 CSS 和 SCSS 文件。
Clean CSS:一种流行的在线 CSS 压缩工具,支持 office 365 数据 合并多个 CSS 文件、删除不必要的前缀和优化字体粗细等高级选项。
CSSNano:一款使用 PostCSS 优化和压缩 CSS 代码的 CSS 压缩工具。它支持压缩颜色、删除注释和减小字体大小等功能。
Minify CSS:另一个在线工具,可以通过删除空格、注释和其他不必要的字符来缩小 CSS 代码。它支持 CSS 和 SCSS 文件。
Grunt-contrib-cssmin:Grunt 插件,可在构建过程中压缩 CSS 代码。它支持源映射和文件连接等高级选项。
Gulp-cssnano:一款 Gulp 插件,可使用 CSSNano 库缩小和 同理心在很大程度上可以帮助 优化 CSS 代码。它支持自动添加前缀、删除注释和减小字体大小等功能。
有关的:
Pagespeed:代码最小化
6 个很棒的 WordPress 插件,用于压缩 CSS
这篇文章是“页面速度优化:完整指南”的一部分——由我们的页面速度优化专家创建。
在本系列中:
35 个可提高页面速度的 WordPress 工具和资源
28 个 Magento 2 工具和资源 西班牙比特币数据库 可提高页面速度
17 个 Shopify 工具和资源可提高页面速度
8 个很棒的页面速度测试工具
页面速度:代码最小化
5 个可用于压缩 HTML 的工具
6 个流行的 CSS 压缩工具
5 种流行的 JavaScript 压缩工具
如何优化图像以提高页面速度
使用图像卸载来提高页面速度
压缩和优化网页图像的 10 个工具
6 个用于优化图像的 WordPress 插件
Shopify 图像优化应用
如何使用缓存来优化页面速度
延迟加载及其工作原理
使用 CDN(内容分发网络)来提高页面速度
与 WordPress 一起使用的 CDN
与 Magento 2 一起使用的 CDN
与 WooCommerce 一起使用的 CDN
SSL 对页面速度的影响说明
如何修复旧版 JavaScript 并提高页面速度
如何解决巨大的网络负载并提高页面速度
缓存控制如何提高页面速度
如何使用过期标头来提高页面速度
如何使用 GZIP 页面压缩来提高页面速度
如何使用 Keep-Alive 来提高页面速度
预加载关键请求以提高页面速度
资源提示说明
启用文本压缩以提高页面速度
如何实现 Brotli 文本压缩
减少主线程工作以提高页面速度
如何优化渲染阻塞资源并提高页面速度
如何使用异步加载来提高页面速度
如何减少第三方脚本和库的影响