Различия между min.css и просто .css?

Question

[Zempik]

Собственно суть вопроса: различия между min.css и просто .css?
В bootstrap и font awesome имеются файлы стилей обычные и с расширением .min.css. Спрашивается зачем?
P.S. а что за расширение .css.map?

Answer 1

[zooks]

Это минифицированная версия CSS. Оригинал чаще всего находится в виде файлов SASS или LESS.
.map - это карта для восстановления отступов и переносов строк, когда вы откроете файл в браузере.

При использовании сжатия трафика Gzip, минификация файлов необязательна, но также ускоряет загрузку.
stackoverflow.com/questions/807119/gzip-versus-minify

Answer 2

[Андрей]

.css - файл стилей
.min.css - сжатый файл стилей (удалены переносы и пробелы)
.css.map - файл сохраняющий структуру исходного файла (Less, sass, stylus и т.п.) для отладки

Answer 3

[leha78]

min.css это сжатая версия. для быстрой загрузки сайта можно использовать его. в css.map вроде сохраняются пути, при конвертировании с Less или Sass

Comments

[Zempik]

разница между 28 Кб и 32 Кб как-то не существенна.

[Roman K]

Zempik: Ну это ты не пишешь комменты, а в крупных проектах без комментов сложно. Но в защиту тебя скажу, что min версии, если ты пишешь на голом CSS не нужны, ведь нормальные пацаны ставят gzip на nginx, а он сжимает пробелы дай Б-г и в итоге разница между сжатой min версией и обычной составляет пару процентов (но всё же составляет).

[Sanes]

Zempik: Ну не сжимайте, если не видите разницы.
Главное изображения, чтобы конскими не были и желательно объединить стили и скрипты.

[Ivan Gvrl]

А как пользоваться правильно css, чтобы новые правила появились и в min.css ? Править css, и изменения появятся автоматически в min.css или сразу вносить в css, а потом сжимать в min? Интересует применительно к WordPress.