Использование селекторов атрибутов может снижать производительность веб-сайта. 3 По данным тестов, такие селекторы работают примерно в 3 раза медленнее, чем стандартные классы. 3
Кроме того, для выбора элемента с помощью селекторов атрибутов требуется больше символов, чем при использовании коротких и concise имён классов. 3
Для повышения производительности CSS рекомендуется использовать простые правила с чётко указанными селекторами, а также избегать лишних селекторов и каскада. 1
Следует учитывать, что ощутимого прироста производительности эти рекомендации не дадут для небольших проектов, они предназначены в первую очередь для высоконагруженных проектов или динамических веб-приложений, где часто перерисовываются страницы. 1
Выбор селекторов зависит от конкретных условий и требований проекта.