Solucionado
Devemos ter alguma preocupação com a performance da forma como é compilado o CSS usando vários Media Queries separados ao invés de um único agrupando todos os seletores?
Exemplo:
div { color: red; } @media (max-width: 980px) { div { color: blue; } } span { color: black; } @media (max-width: 980px) { span { color: white; } }
hoje, com a Alura e o Google Gemini
Oi Luiz, tudo bom?
Tinha essa dúvida também, então perguntei para o Sérgio Lopes sobre isso. Não precisa se preocupar em 99% dos casos.
Quando você habilita a compactação GZIP no servidor, ele vai pegar tudo o que for repetido (vários "@media query etc") e dar um jeito de deixar o arquivo mais leve, pegando justamente essas partes iguais.
Espero ter ajudado e que esteja gostando do curso.
Abcs!