Não foi possível carregar a disponibilidade de retirada.
Otimizando o Desempenho da Web e o Caminho de Renderização Crítica
Aprenda sobre o Impacto do CSS no Desempenho do Website
O desempenho desempenha um papel crucial no sucesso de qualquer aplicativo da web. É essencial que as páginas da web carreguem rapidamente e as animações fluam suavemente. Os usuários são altamente sensíveis a qualquer tipo de movimento em um site. Seja rolagem, efeitos de hover ou abertura de uma barra lateral, o navegador renderiza um novo quadro na tela. No entanto, quando o processo de renderização leva mais tempo, a taxa de quadros cai, resultando em uma experiência negativa do usuário. Baixas taxas de quadros levam a experiências de usuário ruins, mesmo com ações simples como rolagem. Você pode ter encontrado sites com animações lentas, onde clicar em algo ou abrir uma barra lateral faz com que a página inteira fique lenta. Alternativamente, você pode ter percebido uma experiência lenta ao rolar uma página da web. Embora a rolagem possa não parecer uma preocupação de desempenho, é crucial considerá-la.
Neste curso, abordaremos problemas de desempenho e nos concentraremos na otimização do CSS, em vez do JavaScript. Muitos desenvolvedores acreditam que, desde que o JavaScript seja executado sem problemas, não há necessidade de otimização adicional de desempenho. Embora o JavaScript tenha um impacto significativo no desempenho do site, o CSS muitas vezes é negligenciado nessa área. Em muitos casos, o CSS pode ser a causa raiz de problemas de desempenho. O CSS também tem um impacto significativo nas páginas da web, pois é bloqueador de renderização por padrão. O navegador não começará a renderizar a página até que todos os arquivos CSS sejam baixados. Quaisquer atrasos no Caminho de Renderização Crítica resultarão em usuários vendo uma tela em branco. O CSS é vital para obter páginas de carregamento rápido. Às vezes, apenas analisar um arquivo CSS pode levar mais de 500ms. Isso significa que, mesmo sem atrasos de rede, um único arquivo CSS carregado de um disco rígido pode fazer com que os usuários vejam uma tela em branco até que o processo de análise seja concluído. Otimizar o desempenho do seu site também pode ter um impacto positivo em sua classificação nos resultados de pesquisa do Google.
Neste curso, vamos lançar luz sobre o CSS de uma nova maneira.
O que você aprenderá
Como o navegador renderiza quadros
O impacto das propriedades CSS na renderização de quadros
Como e por que promover um elemento para uma camada
Escolhendo as propriedades CSS apropriadas para animação
