Hace pocos mesesEste artículo señaló que las clases en realidad podrían evitarse todas juntas desde el desarrollo del sitio web.

Mi pregunta es, ¿qué tan eficientes son los selectores de datos en comparación con los selectores de clase?

Un ejemplo simple sería comparar la consulta de elementos condata-component='something' versus elementos conclass='class1 class2 something anotherClass'.

los[data-<attr>='<value>'] El selector verificará el valor como un todo en comparación con la cadena de clase que debe dividirse. Con esto en mente, los atributos de los datos deberían ser más rápidos.

Entonces, para refinar la pregunta, en el caso de CSS, ¿estamos mejor con el selector de clase o el selector de datos? Y desde un punto de vista javascript, serájQuery("[data-component='something']") ser mas eficiente quejQuery(".something")?