css - 如何将 CSS 缩小到其绝对简约的本质?

标签 css performance whitespace minify

亲爱的 friend 们,盯着我那天晚上如此自豪地放在一起的 minified CSS,我绝望地试图在这里或那里删除更多的字符,比如那些浪费的空格:""与此同时,我越是盯着这段代码,就越是开始看到模式,从这些 body 中清晰地浮现出来,就好像这是绝对最小值,加上一些隐藏的信息现在让我进入正题因为这个问题已经被无关紧要的字母污染了:有没有办法进一步缩小我原本巨大的怪物 css 文件,使其成为一个带宽更友好的、非常小的文件?非常感谢!

enter image description here

最佳答案

  1. 如果您的 css 与图像托管在同一站点上,请在您的 url() 中使用相对路径:background:url(/path/to/file.png)
  2. 在适用的地方使用速记:margin:0 而不是 margin:0px 0px 0px 0px
  3. 尝试通过真正的缩小器运行 CSS,例如 YUI Compressor
  4. 作为最后的手段,缩短 CSS 和相关 HTML 中的类名
  5. 把它传到左边...

关于css - 如何将 CSS 缩小到其绝对简约的本质?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5344448/

相关文章:

css - 响应 CSS 容器仅在平板电脑尺寸下损失边际

html - 按钮周围不需要的填充。 CSS

performance - 远程 Postgresql - 非常慢

c - 空白打印不正确

javascript - childNodes - 元素内的空白

html - 图片链接,比实际图片宽

css - Jekyll CSS 背景图片

javascript - 在 javascript 中使用 instanceof 运算符是性能问题吗?

python - 如何减少 C API 和 Python 可执行文件之间的执行时间差异?

html - 网页顶部的空白过多