Мне интересно, может ли CSS быть «тяжелым», например использовать много времени для синтаксического анализа в браузере.
Например, я использую таблицу CSS с множеством специальных селекторов, например
:last-child,
:nth-child(n)
table.sortable thead tr th:not(.table-th-nosort):hover
и т. Д. Может ли это заметно повлиять на производительность?
То же самое и при использовании медиа-запросов. Я хочу сделать сайт доступным для мобильных устройств с помощью медиа-запросов CSS3:
@media screen and (max-width: 600px) {
#sidebar {
display: none;
// etc
}
}
На данный момент у меня в основном файле около 600 строк CSS (без минимизации), а для некоторых конкретных страниц включены дополнительные файлы CSS (от 10 до 300 линий).
Я ожидаю, что использование медиа-запросов существенно расширит это. Повлияет ли это на производительность?