Какое из этих правил CSS отображается быстрее?

Question

Мне интересно, какое из приведенных ниже правил CSS отображается быстрее:

#avriable_info table td {width: 250px; font-size: 13px;}

или

#avriable_info table td {
    width: 250px; 
    font-size: 13px;
}

Answer 1

Ни один из них не будет "быстрее" отображаться, чем другой, потому что большинство анализаторов нормализует файл перед анализом. например Избавляемся от пробелов, новых строк и тому подобного.

Теперь, если у вас есть огромный файл, который не распространяется по проводам, то первый файл будет загружать быстрее для клиента, чем второй, что позволит браузеру начать его рендеринг раньше. чем больше, тем медленнее.

Answer 2

Ничто не изменит. Несколько новых строк в вашем CSS предназначены для того, чтобы сделать только несколько инструкций процессора для рендеринга.

Возможно, если у вас миллион строк CSS, вы можете заметить разницу в миллисекунды, но если вы оптимизируете так много (особенно на веб-странице!), У вас есть гораздо более серьезные проблемы, о которых нужно беспокоиться (и это не код) связанные!; -)).

Answer 3

Разница в двух переводах строки.Эта разница устраняется при разборе файла и является незаметной по сравнению со временем разбора CSS.