CSS зачем добавлять пробелы перед правилами?

Question

Вопрос о форматировании кода CSS: у меня есть старая привычка добавлять один пробел перед тем, как { запускает новое правило CSS, например:

body {
  font-size: 16px
}

пробелы, подобные этому, между body и { складываются по всему css.

В идеале, я бы предпочел написать свои правила примерно так (и, следовательно, сэкономить пробелы):

body{
  font-size: 16px
}

На самом деле, я забыл, зачем я это делаю?

Обратите внимание, что я намеренно упростил приведенный здесь пример, чтобы показать пробелы. Конечно, нет необходимости удалять здесь место из файла. Но в реальных проектах с 2-3 000 правил это может сложиться. Кроме того, я предполагаю, что один пробел в этой позиции будет сильно сжиматься по сравнению с ситуацией, когда он удаляется.

Я давно забыл, почему я добавляю этот странный пробел. Это безопасно удалить? Какому браузеру нужны пробелы?

Answer 1

Да, вы можете удалить пробелы, фактически, если вы действительно хотите сохранить байты, вы также можете удалить пробел в формате "font-size: 16px".

Сказав это, большинство серверов и браузеров в любом случае загружают веб-контент по проводам, поэтому фактическая экономия места будет минимальной, вероятно, не стоящей затрат на читабельность.