Questão de Tecnologia da Informação · FGV TCE-PA 2024 (nº 89)

O Lazy Loading é uma técnica de otimização que carrega recursos (como imagens, vídeos ou scripts) apenas quando são realmente necessários, geralmente quando o usuário rola a página e eles entram na área visível. Isso encurta o Caminho Crítico de Renderização, que são os passos que o navegador precisa seguir para exibir o conteúdo inicial da página na tela.

• (A) Incorreta: Embora o lazy loading seja amplamente usado para imagens e vídeos, eles geralmente não são render-blocking (não impedem a renderização inicial da página). O lazy loading deles otimiza o uso de banda e o tempo total de carregamento, mas não encurta o Caminho Crítico de Renderização da mesma forma que o tratamento de recursos que bloqueiam a renderização. A armadilha aqui é que é uma aplicação muito comum do lazy loading, mas não é a forma como ele diretamente encurta o Caminho Crítico de Renderização ao lidar com o que é render-blocking.
• (B) Correta: O JavaScript pode ser um recurso que bloqueia a renderização, pois o navegador precisa baixá-lo e executá-lo antes de continuar a construir o DOM e renderizar a página. Ao considerar parte da execução de códigos JavaScript como não-crítica (por exemplo, usando atributos async ou defer, ou carregando-os dinamicamente), o navegador pode renderizar o conteúdo visível mais rapidamente, encurtando diretamente o Caminho Crítico de Renderização.
• (C) Incorreta: O lazy loading não remove recursos; ele adia o carregamento deles para um momento posterior, quando são necessários.
• (D) Incorreta: Carregar todas as fontes imediatamente pode, na verdade, alongar o Caminho Crítico de Renderização, especialmente se houver muitas fontes ou se forem grandes. A otimização de fontes geralmente envolve pré-carregamento de fontes críticas e carregamento assíncrono de outras.
• (E) Incorreta: O CSS é um recurso render-blocking. A construção do CSS Object Model (CSSOM) é uma parte essencial do Caminho Crítico de Renderização. Embora existam técnicas para otimizar o CSS (como Critical CSS), o lazy loading não é aplicado diretamente à "construção do CSS Object Model" para considerá-la não-crítica.