1
resposta

Problema de performance com os seletores

Gostaria que explicasse um pouco melhor o porque do problema da performance com a utilizacao de varios seletores alinhados, como diz na resposta "B" do exercicio.

.cabecalho .menu .link {}

Utilizar muitos seletores alinhados pode prejudicar a legibilidade e performance do código.

1 resposta

Oi, Janile, tudo bem?

Os seletores no css consomem recursos do DOM e isso gera problema no momento de carregar as páginas, e nesse caso do exercício, o o navegador vai precisar se esforçar mais para ler, veja: O sistema de leitura consiste em encontrar o elemento da extrema direita do seletor. Logo a leitura do seletor começa da direita para a esquerda. A medida que o browser lê o seletor, ele vai encontrando os elementos e só pára quando há um erro no seletor ou não encontra o elemento.

Por isso que em se tratando de performance, usar tantos seletores alinhandos não é interessante por consumir mais energia do browser no momento da leitura. Alguns links para ajudar a compreender melhor:

http://gabsferreira.com/eficiencia-dos-seletores-css/ https://blog.caelum.com.br/por-uma-web-mais-rapida-26-tecnicas-de-otimizacao-de-sites/ https://tableless.com.br/melhorando-performance-css/

Espero ter te ajudado!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software