Quiz 11 - Introdução

1. Por que o Lazy Loading é importante para a performance?

Porque ele apaga o histórico do navegador.

Porque ele diminui o tamanho do pacote (bundle) inicial, carregando o código das páginas apenas quando necessário.

Porque ele muda a cor das imagens.

Porque ele duplica a velocidade da CPU. *Explicação: Menos código carregado no início significa um tempo de carregamento (LCP) muito menor.*

2. O que o `React.memo` faz?

Memoriza uma senha.

Impede que um componente renderize novamente se suas Props forem as mesmas.

Aumenta o brilho da tela.

Salva o projeto no Git automaticamente. *Explicação: Ele é uma Ferramenta de Higher-Order Component para otimizar componentes funcionais puros.*

3. Para que serve o componente ``?

Para criar um clima de mistério no site.

Para fornecer uma UI de "reserva" (fallback) enquanto componentes Lazy estão sendo carregados.

Para pausar a execução do JavaScript por 5 segundos.

Para deletar arquivos temporários. *Explicação: Sem o Suspense, o React não sabe o que mostrar enquanto o arquivo .js da página vizinha não termina de baixar.*

4. Qual o benefício do atributo `loading="lazy"` na tag ``?

Deixa a imagem em preto e branco.

Adia o carregamento da imagem até que o usuário role a página para perto dela.

Aumenta a resolução da imagem.

Faz a imagem piscar. *Explicação: Economiza banda de internet e processamento, especialmente em dispositivos móveis.*

5. Qual ferramenta do Chrome é recomendada para medir a velocidade geral da sua aplicação?

Paint

Lighthouse

Notepad

Task Manager *Explicação: O Lighthouse gera um relatório detalhado de performance, SEO e acessibilidade.*