Pular para o conteúdo principal

Questão de TI - Desenvolvimento de Sistemas — CSS — FCC 2026

TI - Desenvolvimento de SistemasCSS
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 é

  1. 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.
  2. Bmover todo o CSS para um arquivo carregado via @import dentro de um arquivo CSS principal, para reduzir o tempo de renderização inicial.
  3. Cusar JavaScript para ocultar a tabela até que o evento window.onload seja disparado, exibindo-a somente quando todos os recursos forem carregados.
  4. Dtransformar toda a tabela em elementos <div> ou <section> com display: table, pois esses elementos renderizam mais rápido que tabelas tradicionais.
  5. 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.
Revelar gabarito e comentário

GabaritoA — 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.

Link permanente: /questoes/fc142206