Para reduzir o número de solicitações no servidor, incorporei algumas imagens (PNG e SVG) como BASE64 diretamente no css. (É automatizado no processo de compilação)

como isso

background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAFWHRTb2Z0d2FyZQBBZG etc...);

Essa é uma boa prática? Existem algumas razões para evitar isso? Existe algum navegador importante que não possui suporte a URL de dados?

Pergunta bônus: Faz sentido fazer isso também para CSS e JS?