Projeto 11 - Inspeção de Rede no Navegador 🌐

Objetivo

Utilizar as ferramentas de desenvolvedor (DevTools) para visualizar o "atrás das câmeras" de um site moderno e pesado.

Materiais Necessários

Navegador (Chrome, Firefox ou Edge).

Passo a Passo

1. Abrir o Inspecionar

Acesse um portal de notícias (Ex: G1, CNN, Yahoo). Aperte F12 e vá na aba Network (Rede).

2. Analisar a Cascata (Waterfall)

Recarregue a página (F5). Observe as barras coloridas que mostram a ordem de download.

3. Filtrar Imagens

Clique no filtro Img. Veja quantas imagens o site carrega e o tamanho de cada uma.

4. Verificar Status

Procure por qualquer linha que esteja em vermelho ou com código 404 (arquivo não encontrado).

Entrega Esperada

Responda: 1. Quantas requisições totais o site fez para carregar a página? 2. Qual foi o arquivo que demorou mais tempo para ser baixado? 3. O que acontece com o site se você clicar em "Disable Cache" e recarregar?