Simulando condições de baixa largura de banda com a aceleração de rede do Chrome

Chrome tem um recurso de desenvolvedor embutido que permite simular condições de baixa largura de banda no website. Isso é muito útil se você está testando versões móveis de um apliticavo (com GPRS/3G/4G/…) ou se quiser testar o congestionamento da rede e situações de alta latência. E isso já está embutido no Chrome!

Para começar, navegue para qualquer website que você queira testar. Clique com o botão direito na página e escolha Inspect Element para abrir as ferramentas de desenvolvedor (DevTools) do Chrome.

Uma vez que você está no Devtools, vá para a opção network (rede) e encontre, no menu suspenso à direita, a opção No Throttling (sem limitação).

As predefinições padrão dão uma gama grande de opções, desde super lento GPRS a DSL chegando ao Wi-Fi.

Se as predefinições não forem suficientes, você pode adicionar um perfil de rede personalizado limitando a largura de banda e latência à sua escolha, selecionando Add (adicionar) na lista suspensa de seleção.

Se você tiver selecionado uma predefinição, a guia Network (rede) terá um pequeno ícone na frente dela para indicar que você está manipulando artificialmente a sua conexão com o servidor.

Para o teste mais extremo, eu escolhi o perfil de limitação de rede GPRS, e aqui está o resultado no momento da solicitação de rede: ele é dividido em pesquisa de DNS, conexão inicial, tempo até o primeiro byte (TTFB) e download do conteúdo total (que é principalmente afetado pela aceleração da conexão que você selecionar).

A mesma página do site testada sem limitações mostra uma resposta muito mais rápida e o tempo até o primeiro byte.

Esse é um truque bem legal que pode ajudar a depurar condições de baixa largura de banda estranhas!

***

Mattias Geniar faz parte do time de colunistas internacionais do iMasters. A tradução do artigo é feita pela redação iMasters, com autorização do autor, e você pode acompanhar o artigo em inglês no link: https://ma.ttias.be/simulate-low-bandwidth-conditions-with-chromes-network-throttling/