css - 最小化 css 文件

标签 css minify

我想知道如何最小化 CSS 文件。目前,我正在使用外部网站,如 CSS Minifier压缩 CSS 文件。然而,在删除空格、注释等之后,文件大小仅减少了 10-15%。 Bootstrap 等框架如何设法使最小化版本只有千字节。

举个例子,假设我的 CSS 是:

body {
    background-color: #ff0;
}

从 28 字节减少到 22 字节,但其他具有更多字符的 css 文件仍然比这小得多。

最佳答案

实际上,缩小代码意味着它从您的代码中删除了这个东西

  • 空白字符
  • 换行符
  • 评论
  • block 分隔符

它减少了必须通过网络传输的代码量并加快您的网站加载速度。但格式不可读。

关于css - 最小化 css 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46169868/

相关文章:

html - 关键帧动画上不需要的粘性背景图像

css - 没有淡入的淡出动画,在 CSS 代码中

PHP 缓冲区输出缩小,不是 textarea/pre

html - Magento:缩小 HTML 输出?

gzip - 结合放气和缩小 - 我是否在创造开销?

css - 在 vs 代码中打开元素时未检测到 Gulp 任务

html - 如何在 Bootstrap 网格和表单中嵌套和垂直对齐 Kendo 单选按钮?

javascript - HTML,CSS : DataTables header padding behavior

javascript - 为什么 Phaser 的 setText() 会导致 CSS 警告 "Expected color but found ' 0'."?

javascript - VSDoc 替代品?