Como diminuir a velocidade de carregamento de um site usando o navegador?

Nas ferramentas de desenvolvimento (Developer Tools), geralmente há uma aba chamada "Network" (ou "Rede"). Nesta aba, há um menu suspenso ou um controle deslizante para simular diferentes velocidades de conexão, por exemplo:

• Sem limitação (No throttling)
• 3G rápido
• 3G lento
• Personalizado (Velocidade configurável)

Ao selecionar uma dessas configurações predefinidas ou ajustar sua própria velocidade (upload, download, latência), você pode simular uma baixa largura de banda e aumentar o tempo de carregamento do site. Após escolher o tipo de conexão, é necessário recarregar a página para ver o efeito.

Isto é útil para:

• Testar o desempenho e a velocidade de carregamento em internet lenta.
• Detectar problemas com o carregamento assíncrono de conteúdo.
• Avaliar o comportamento do site em condições de alta latência.

Exemplo de uso no Chrome DevTools:

1. Abrir DevTools (F12).
2. Ir para a aba "Network".
3. Encontrar o menu suspenso "Throttling" ao lado do botão de gravação (círculo vermelho) ou no menu superior da aba (pode ter um ícone de telefone/tablet para o modo Dispositivo, e dentro dele opções de throttling).
4. Selecionar a velocidade desejada (por exemplo, "Slow 3G").
5. Recarregar a página (F5).

No Firefox e outros navegadores, o processo é semelhante, mas a localização das opções pode variar ligeiramente.