Пишем эффективный CSS. Оптимизация структуры веб-страниц
Уточнения по ходу
Результаты
Выводы
В книге «Разгони свой сайт» тема производительности CSS-селекторов уже поднималась. Несмотря на то, что выводы были подкреплены значительным объемом исследований, основной вопрос - как же должна выглядеть эффективная таблица стилей, которая обеспечивает наискорейшее отображение документа на экране, - так и остался без ответа. Для прояснения этой ситуации были проведены дополнительные исследования, базирующиеся на уже известных фактах: наиболее эффективны селекторы, не использующие тегов, и классы работают быстрее, чем идентификаторы. Также известно, что селекторы обладают различной сложностью
(например, селектор .class1 .class2, очевидно, должен отрабатывать медленнее, чем просто .class2).