Questão de TI - Desenvolvimento de Sistemas — CSS — FCC 2026
- Código
- fc142206
- Banca
- FCC
- Órgão
- SEFAZ SP
- Ano
- 2026
- Cargo
- AFRE ( )
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 é
- Aincluir 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.
- Bmover todo o CSS para um arquivo carregado via @import dentro de um arquivo CSS principal, para reduzir o tempo de renderização inicial.
- Cusar JavaScript para ocultar a tabela até que o evento window.onload seja disparado, exibindo-a somente quando todos os recursos forem carregados.
- Dtransformar toda a tabela em elementos <div> ou <section> com display: table, pois esses elementos renderizam mais rápido que tabelas tradicionais.
- Edefinir a propriedade visibility: hidden no <body> e torná-lo visível apenas após o carregamento de todas as regras de estilo, incluindo da tabela.