Seu próximo nível começa aqui
Seu desenvolvimento não pode ter limites. Garanta sua Assinatura Ilimitada e libere uma preparação completa com os melhores professores do Brasil.
Uma Secretaria Fazendária de um estado está desenvolvendo um novo painel web para que e...
Uma Secretaria Fazendária de um estado está desenvolvendo um novo painel web para que empresas consultem a situação de seus débitos tributários. Durante os testes, auditores notam que, ao carregar a página, a tabela que exibe os tributos aparece inicialmente desformatada, exibindo valores sobrepostos e colunas desalinhadas, mas após 1 segundo a aparência se corrige automaticamente. O desenvolvedor explica que está havendo Flash Of Unstyled Content (FOUC). Para corrigir o problema, garantindo que a tabela sempre apareça formatada desde o início, a solução mais adequada é
A
incluir o CSS crítico diretamente no <head> da página usando <style> , garantindo que a formatação essencial seja aplicada antes do carregamento completo dos demais estilos.
B
mover todo o CSS para um arquivo carregado via @Gimport dentro de um arquivo CSS principal, para reduzir o tempo de renderização inicial,
C
usar JavaScript para ocultar a tabela até que o evento window.onload seja disparado, exibindo-a somente quando todos os recursos forem carregados.
D
transformar toda a tabela em elementos <div> ou <section> com display: table, pols esses elementos renderizam mais rápido que tabelas tradicionais.
E
definir a propriedade visibility: hidden no <body> é torná-lo visível apenas após o carregamento de todas as regras de estilo, incluindo da tabela.