Sea específico en el lado derecho de su selector, y menos específico en el izquierdo.

// unoptimized
$('div.data .gonzalez');

// optimized
$('.data td.gonzalez');

Quote Source

Podría alguien explicar por qué la izquierda menos específica es más rápida como selector de CSS?

¿Es esto algo chisporroteante o se aplica lo mismo paradocument.querySelectorAll ?

¿Hay alguna ganancia de velocidad utilizando selectores CSS "optimizados de manera similar" en archivos CSS?