Производительность CSS с медиа-запросами

Мне интересно, может ли 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 линий).

Я ожидаю, что использование медиа-запросов существенно расширит это. Повлияет ли это на производительность?

9
задан Lennart 5 January 2012 в 16:34
поделиться