эффективность декларации css

Question

Вызывает ли разделение кода CSS на несколько объявлений больше нагрузки для пользователей?

Я видел некоторые файлы .css, организованные так:

/* Font Styles */
#text{ font-size: 12px; color: white;}
.highlight{ color: red}
/* END */

/* Div Positioning */
#text{ position: absolute;}
/* END */

Может ли это привести к потенциальной неэффективности? Я понимаю, что что-то в этом масштабе не будет иметь заметных эффектов, но как насчет массивных таблиц стилей?

Answer 1

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

Answer 2

Я думаю, что теоретически ответ должен быть да.

Браузер должен проанализировать новое правило, он должен снова найти элемент #text в DOM и выполнить любые новые вычисления макета / рендеринга.

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

Answer 3

Может, но только если у вас есть тысячи селекторов. Прочитайте эту статью для получения дополнительной информации: http://www.stevesouders.com/blog/2009/03/10/performance-impact-of-css-selectors/