Como posso simular uma conexão lenta para carregar a página?

Eu tenho um servidor rápido e uma conexão doméstica à Internet razoavelmente rápida. Como posso simular o carregamento da minha página em uma conexão lenta?

O FireFox Throttle é uma extensão do FireFox que deve fazer isso. Sloppy é um proxy que reduz a velocidade da sua conexão e, portanto, deve funcionar nos navegadores.

Fonte

EDIÇÃO DO MODERADOR 02-02-2013

Esta extensão não está mais disponível, mas um repositório foi criado no Github .

O Fiddler Web Debugger é uma excelente ferramenta de depuração de proxy HTTP para Windows que inclui um recurso de simulação de velocidade do modem (Menu principal> Regras> Desempenho> simular a velocidade do modem) .
O violinista é um freeware .

Também gosto do Charles Web Debugging Proxy , uma ferramenta semelhante. Charles também pode acelerar a velocidade da conexão . Charles é um software comercial, mas tem uma avaliação gratuita disponível. O que mais gosto no Charles é que ele é multiplataforma : baseado em Java, ele pode ser executado no Windows, Mac OS X e Linux. (Você não mencionou em qual plataforma está, mas provavelmente é uma delas :-)

No Chrome, você pode abrir as ferramentas do desenvolvedor, clicar no ícone do dispositivo (1) e selecionar a otimização da conexão (2).

Editar (03-11-2015)

Desde o Chrome 45, ficou realmente um pouco mais fácil: você não precisa mais estar no modo dispositivo.

Experimente http://www.webpagetest.org/test . Você pode executar um teste em qualquer um dos servidores remotos ao redor do mundo e ver a rapidez com que a página é carregada a partir desse local. Ele ainda permite que você use uma velocidade dial-up ou outras velocidades lentas na maioria dos locais.

Você pode abrandar recursos específicos com o Deelay.me:

<img src="http://deelay.me/1000?http://mysite.com/image.gif">

Deelay.me é um proxy de atraso para recursos da web. Você pode usá-lo com suas imagens / folhas de estilo / scripts, para aumentar o tempo de carregamento.

Presumo que o problema seja o mesmo que eu tenho. Ao desenvolver um projeto da Web internamente, trabalhando em servidores LAN ou VM, às vezes você precisa simular um cenário real ao vivo, como se a carga do servidor fosse alta, para ver com que rapidez a página carrega no lado do cliente e se alguns os dados provenientes do servidor, na verdade, são carregados e não atrapalham as funções do lado do cliente, devido ao comportamento do servidor e a atrasos. Como não há uma maneira perfeita de simular cenários reais, o melhor é garantir que você dispara eventos somente após os dados terem sido completamente recuperados do servidor. Usar a função completa $ .ajax e async: false parece fazer o truque até agora. Isso garante que qualquer evento baseado em dados que você precise disparar não será executado, a menos que os dados existam.

Simule a conexão lenta usando o Chrome Vá em frente e instale o Chrome se ainda não o tiver instalado no sistema. Depois disso, abra uma nova guia e pressione CTRL + SHIFT + I para abrir a janela das ferramentas do desenvolvedor ou clique no ícone do hambúrguer, em Mais ferramentas e, em seguida, Ferramentas do desenvolvedor.

Isso exibirá a janela Ferramentas do desenvolvedor, que provavelmente será encaixada no lado direito da tela. Eu prefiro que acoplado na parte inferior da tela, pois você pode ver mais dados. Para fazer isso, clique nos três pontos verticais e clique na posição do meio da doca.

Agora vá em frente e clique na guia Rede. À direita, você verá um rótulo chamado No Throttling.

Se você clicar nisso, obterá uma lista suspensa de velocidades pré-configuradas que você pode usar para simular uma conexão lenta.

As opções variam de Off-line a WiFi e os números são mostrados como Latência, Download, Upload. O mais lento é o GPRS, seguido pelo regular 2G, depois pelo bom 2G, pelo 3G regular, pelo 3G bom, pelo 4G regular, pelo DSL e pelo WiFi. Escolha uma das opções e recarregue a página em que você está ou digite outro URL na barra de endereço. Apenas verifique se você está na mesma guia em que as ferramentas do desenvolvedor estão sendo exibidas. A limitação funciona apenas para a guia para a qual você está habilitado.

Se você deseja usar seus próprios valores específicos, pode clicar no botão Adicionar em Personalizado. Clique no botão Adicionar perfil personalizado para adicionar um novo perfil.

Ao usar o GPRS, o www.google.com demorou 16 segundos para carregar! No geral, essa é uma ótima ferramenta integrada ao Chrome que você pode usar para testar o tempo de carregamento do site em conexões mais lentas. Se você tiver alguma dúvida, sinta-se à vontade para comentar. Desfrutar!

Você pode emular várias velocidades de rede em um Mac usando um aplicativo gratuito chamado Speedlimit

Descrição Speedlimit:

SpeedLimit é um painel de preferências do Leopard para limitar a largura de banda da sua rede a uma de duas velocidades diferentes - DSL de 768k, Edge, 3G e Dial-up. Isso é realmente útil para testar seu aplicativo para iPhone em condições normais de rede Edge no iPhone Simulator.

Uma solução rápida e suja é fazer upload de um arquivo grande para tentar sufocar sua largura de banda de saída, isso deve diminuir a velocidade da conexão de entrada e geralmente é mais fácil do que tentar sufocar da mesma forma a largura de banda de entrada.

Método de roteador (QoS)

Um dos métodos mais fáceis é simplesmente fazer login no painel do roteador e ajustar as configurações avançadas de QoS . No entanto ... antigo, os roteadores fornecidos pelo provedor de serviços de Internet ou os roteadores mais baratos geralmente não possuem os recursos avançados de QoS, que permitem acelerar a largura de banda.

Se você estiver entre a maioria dos usuários com um roteador mais barato ou fornecido pelo ISP, poderá ter a sorte de ter um roteador suportado por projetos de código aberto que liberarão todo o potencial do seu roteador, não apenas desbloqueando recursos completos de QoS, mas muitos recursos avançados encontrados apenas em roteadores Cisco de ponta.

Alguns projetos de firmware de roteador de código aberto incluem:

• DD-WRT
• Open-WRT
• HyperWRT
• HyperWRT + Tofu
• Tomate
• TomatoUSB
• ZeroShell
• DebWRT
• LibreCMC
• Gárgula
• Tarifa
• Commotion Wireless

Você pode simular uma conexão lenta em um servidor da Web local no host local usando o node.js e a sincronização do navegador .

1. Instale o node.js

2. Execute este comando no prompt de comando node.js. npm install -g browser-sync

3. Execute este comando no prompt de comando node.js. browser-sync start --server

   

4. No navegador da web, abra http: // localhost: 3001 / e clique no link "Network Throttle" para criar um servidor com a velocidade e a porta selecionadas:

   

Use um telefone celular para conectar-se em vez de uma conexão doméstica rápida. Abra várias guias do navegador com transmissão de vídeo para diminuir ainda mais a conexão.