Как минимизировать CSS до его абсолютной минималистической сущности? - PullRequest
0 голосов
/ 17 марта 2011

Дорогие люди, глядя на минимизированный CSS, который я так гордо собрал прошлой ночью, я отчаянно пытался удалить несколько символов здесь или там, например, эти пустые пробелы: "" meanwhile the more I stared at this code, the more I started to see patterns, clearly emerging from these bodies, asif this was the absolute minimum, plus some hidden message Теперь позвольте мне перейти к сути, поскольку этот вопрос уже слишком загрязнен нежизнеспособными буквами: есть ли способ, которым мы могли бы дополнительно минимизировать мой иначе сумасшедший гигантский файл CSS монстра в более дружественный, действительно маленький файл? Многое оценено!

enter image description here

Ответы [ 2 ]

2 голосов
/ 18 марта 2011

У вас есть куча значений "0px", просто сделайте их "0", чтобы сохранить пару символов там.Кроме того, ваши отрицательные значения text-indent могут быть -999em вместо этого, что сохраняет пару символов и примерно одинаково в зависимости от базы font-size.

И, как сказал @ ithcy используйте короткие относительные пути или повторно введите imgur и вместо ссылки url(//imgur.com/name.jpg) также сохраните несколько байтов.

Редактировать: Да, я просто перечитал ответ @ ithcy ив любом случае упоминает большую часть того, что я сказал.

2 голосов
/ 17 марта 2011
  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. Передайте его налево ...
...