Simular largura de banda limitada no Chrome?

202

Existe uma maneira de simular várias velocidades de conexão no Chrome?

Preciso verificar http: // localhost com velocidades variadas.

Sei que existem aplicativos independentes que podem fazer isso, mas prefiro fazer isso dentro do Chrome.

user1103744
fonte
Uma extensão definitivamente não tem esse nível de acesso. O Chrome fornece apenas APIs de extensão para as tarefas mais comuns e essa não é uma delas.
Wladimir Palant
Caixa webpagetest.org . Você pode definir a velocidade da conexão em test settings / connection.
Benjamin Crouzier 4/03/13

Respostas:

117

Eu recomendaria o Charles Proxy - você pode optar por desacelerar sites individuais, também tem um monte de ferramentas de inspeção HTTP.

Editar:

A partir de junho de 2014, o Chrome agora pode fazer isso de forma nativa no DevTools - você precisará do Chrome 38.

A opção pode ser acessada na guia Rede, através de uma lista suspensa no final da barra de ferramentas.

Andy Davies
fonte
69
Um aviso: Charles não é livre #
3023 Charlie
8
Onde você encontra isso no chrome devtools?
Paul
15
Inicie o DevTools no Canary; na parte superior, você encontrará o ícone de pesquisa, o ícone do telefone, os Elementos, a Rede etc. Clique no ícone do telefone e escolha Emulação no painel inferior; as opções de emulação de rede estão nesse painel
Andy Davies
1
@ Andy ughh ... Como você conseguiu o ícone do telefone para aparecer? Mantêm-se mover as coisas em Canary ...
Nathan
36
Infelizmente, a otimização no Chrome funciona apenas com downloads, não com uploads.
JesseBuesking
140

Se você estiver executando o Linux, o seguinte comando é realmente útil para isso:

trickle -s -d 50 -w 100 firefox

O -sinforma ao comando para executar independente, o -d 50diz-lhe para largura de banda limite de 50 KB / s, o -w 100conjunto do pico tamanho da janela de detecção para 100 KB. firefoxinforma ao comando para iniciar o firefox com todo esse limite de taxa aplicado a qualquer site que ele tente carregar.

Atualizar

O Chrome 38 já está disponível e inclui limitação. Para encontrá-lo, abra as Ferramentas do desenvolvedor: Ctrl + Shift + Eu faço na minha máquina; caso contrário, Menu-> Mais ferramentas-> Ferramentas do desenvolvedor o levará até lá.

Em seguida, alterne o Modo do dispositivo clicando no telefone no canto superior esquerdo do Painel de Ferramentas do Desenvolvedor (consulte a dica de ferramenta abaixo).

Alternar modo de dispositivo

Em seguida, ative a aceleração assim.

Ativar a otimização do Chrome

Se você achar isso um pouco desajeitado, minha sugestão acima funciona para Chrome e Firefox.

Richard
fonte
Eu tentei o recurso de desenvolvimento no Chrome e enviei um vídeo do YouTube. Não pareceu limitar o upload.
retr
1
O recurso de aceleração não é um limitador de upload. É para testar o download e ver como sua página é carregada em uma conexão diferente.
Nelson
68

A partir do Chrome 38, você pode fazer isso sem nenhum plug-in. Basta clicar em inspecionar elemento (ou F12tecla de atalho) e clicar em toggle device mod(o phonebotão)

insira a descrição da imagem aqui

e você verá algo assim:

insira a descrição da imagem aqui

Entre muitos outros recursos, ele permite simular uma conexão específica à Internet (3G, GPRS)

Salvador Dalí
fonte
14
Isso parece funcionar bem para o teste de carregamento da página, no entanto, o upload do teste (usando xmlhttpreq2) não parecia ser limitado. - offline e nenhuma otimização funcionou, mas durante o upload, o processo parece ignorar os limites de GPRS etc. - seria bom se o upload também pudesse ser modelado para que possamos testar barras de progresso, tempos limites etc.
Josh Mc
2
Isso está correto, é um excelente problema code.google.com/p/chromium/issues/detail?id=414319
Calin
61

A partir de hoje, você pode acelerar sua conexão nativamente no Google Chrome Canary 46.0.2489.0. Simplesmente abra as Ferramentas de Desenvolvimento e vá para a guia Rede:

insira a descrição da imagem aqui

Pono
fonte
1
Essa é a rota mais fácil e não requer plugins extras.
earl3s
2
Mas isso não afeta os websockets.
Tom Hubbard
19

Como Michael disse , a API de extensão do Chrome não oferece uma maneira confiável de fazer isso. Por outro lado: há um software que eu me uso há bastante tempo.

Experimente o Sloppy , um aplicativo Java que simula baixa largura de banda. É independente do navegador, é muito fácil de usar e, o melhor de tudo, é grátis!

caiosm1005
fonte
13

Se você estiver em um Mac, a equipe de desenvolvedores do Chrome recomenda a 'Ferramenta de condicionador de link de rede'

Ou:

Xcode > Open Developer Tool > More Developer Tools > Hardware IO Tools for Xcode

Ou se você não deseja instalar o Xcode:

Go to the Apple Download Center and search for Hardware IO Tools

https://developer.apple.com/downloads/index.action

Sean McClory
fonte
Para pesquisar por Hardware IO Tools no site da Apple em março de 2016, acesse este link . O painel de preferências "Network Link Conditioner" permite definir a largura de banda de downlink e uplink,% de pacotes descartados e atrasados.
Greg Sadetsky 19/03/16
11

No Chrome Canary agora você pode limitar a taxa de transferência da rede. Isso pode ser feito nas opções "Rede" da guia "Emulação" do console nas Ferramentas de desenvolvimento. Pode ser necessário ativar o sinalizador do Chrome "Ativar experimentos das Ferramentas do desenvolvedor" (chrome: // flags / # enable-devtools-experimentações) (chrome: // flags) para ver esse novo recurso. Você pode simular alguma largura de banda baixa (GSM, GPRS, EDGE, 3G) para conexões móveis.

Mauricio Sánchez
fonte
Isso é tão fácil de usar e também funciona no host local sem nenhuma configuração adicional. Excelente sugestão.
HockeyJ
2
Não é possível fazer isso funcionar, ativei o sinalizador, mas nenhuma opção de rede aparece na emulação nas ferramentas de desenvolvimento, isso é apenas o Windows?
Pez Cuckow
6

Artigo original: https://helpdeskgeek.com/networking/simulate-slow-internet-connection-testing/

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.

insira a descrição da imagem aqui

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.

insira a descrição da imagem aqui

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

insira a descrição da imagem aqui

Se você clicar nisso, obterá uma lista suspensa de uma velocidade pré-configurada que pode ser usada para simular uma conexão lenta.

insira a descrição da imagem aqui

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ços. 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.

insira a descrição da imagem aqui

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. Aproveitar!

Arbaz Alam
fonte
1
Boa resposta, Arbaz!
Matt
1
Detalhado e completo! Obrigado!
SexyBeast 24/05
4

se você não estiver familiarizado com o Fiddler - faça. É uma ótima ferramenta de depuração para HTTP. Você também tem a opção de limitar a largura de banda.

Yuki
fonte
Segundo que ... Fiddler é incrível. Aqui está um link para uma resposta relacionada à limitação e adição de atrasos no Fiddler. stackoverflow.com/questions/16276669/…
JustinParker
1

Eu não acho que o que você pede pode ser feito apenas pelo Chrome. O mais próximo que pude encontrar foi esse , que não é o que você deseja. Eu recebendo um plugin do Chrome para fazê-lo seria difícil.

Um proxy da Web em execução na sua máquina local pode atingir o efeito desejado. Uma pesquisa por "proxy de limitação" surgiu com isso , por exemplo.

Michael Slade
fonte
1

Se você estiver usando o OSX, poderá usar: Condicionador de Link de Rede

insira a descrição da imagem aqui

Aqui você pode selecionar diferentes perfis, ou seja. 100% de perda, 3G, DSL etc.

Encontre o link abaixo para fazer o download do Network Link Conditioner aqui

Kiran Sk
fonte
-3

Observe que não use o Speed ​​Tester embutido no Chrome (ele mostrará a velocidade não acelerada). Em vez disso, use outro site, como o Fast.com. Isso mostrará as velocidades de aceleração adequadas.

Além disso, as configurações de limitação podem estar ocultas e podem ser acessadas na barra de rede, clicando na pequena seta para baixo.

Dente-de-leão
fonte
1
Olá @Dandelion. Obrigado por tomar o tempo para responder. Não tenho certeza se essa resposta é apropriada como resposta, pois ela realmente não responde à pergunta. O que o teste de velocidade tem a ver com a pergunta? Como pode fast.comser usado no localhost?
27519 Benjamin Benjamin