O que todo desenvolvedor front-end deve saber sobre renderização de páginas web
Saber mais sobre renderização de páginas web e como isso é importante para o desenvolvimento web é crucial — e espanta o fato de 100% dos desenvolvedores front-end não aprenderem isso logo nos primeiros dias de seus estudos. Vários artigos cobrindo o assunto estão disponíveis, mas a informação é dispersa e, de certa forma, fragmentada.
A renderização tem de ser otimizada desde o início, quando o layout da página está sendo definido, e ser tão crucial quanto o papel de estilos e scripts têm na renderização de páginas. É interessantíssimo que profissionais/estudiosos da área conheçam certos truques para evitar alguns problemas de desempenho.
Como navegadores renderizam página web
Resumidamente, estas são as ações de um browser ao renderizar uma página:
- O DOM (Document Object Model) é montado a partir do código HTML recebido de um servidor
- Os estilos são carregados e analisados (parsed)