Uns meses atrásEste artigo apontou que as classes poderiam realmente ser evitadas, todas juntas, a partir do desenvolvimento de sites.

Minha pergunta é: quão eficientes são os seletores de dados em comparação com os seletores de classe?

Um exemplo simples seria comparar as consultas por elementos comdata-component='something' versus elementos comclass='class1 class2 something anotherClass'.

o[data-<attr>='<value>'] selector irá verificar o valor como um todo versus a string da classe que deve ser dividida. Com isso em mente, os atributos de dados devem ser mais rápidos.

Então, para refinar a questão, no caso do CSS, é melhor termos o seletor de classe ou o seletor de dados? E do ponto de vista do javascript,jQuery("[data-component='something']") ser mais eficiente do quejQuery(".something")?