Evite enormes cargas de rede

Published on Updated on

Translated to: English, Español, 한국어, 中文, Pусский

Grandes cargas de rede são altamente correlacionadas com longos tempos de carregamento. Eles também custam dinheiro aos usuários; por exemplo, os usuários podem ter que pagar por mais dados de celular. Portanto, reduzir o tamanho total das solicitações de rede da sua página é bom para a experiência dos usuários no seu site e nas carteiras deles.

Para ver quanto custa o acesso ao seu site em todo o mundo, consulte o Quanto custa o meu site? do WebPageTest. Você pode ajustar os resultados para levar em consideração o poder de compra.

Como a auditoria de carga útil da rede Lighthouse falha

O Lighthouse mostra o tamanho total em kibibytes (KiB) de todos os recursos solicitados por sua página. As maiores solicitações são apresentadas primeiro:

Uma captura de tela da enorme auditoria de cargas úteis de rede do Lighthouse Avoid

Com base nos dados do arquivo HTTP, a carga útil média da rede está entre 1.700 e 1.900 KiB. Para ajudar a revelar as cargas úteis mais altas, o Lighthouse sinaliza páginas cujo total de solicitações de rede excede 5.000 KiB.

See the Lighthouse performance scoring post to learn how your page's overall performance score is calculated.

Como reduzir o tamanho da carga útil

Tente manter o tamanho total de bytes abaixo de 1.600 KiB. Essa meta é baseada na quantidade de dados que podem ser baixados teoricamente em uma conexão 3G enquanto ainda atinge um tempo de interação de 10 segundos ou menos.

Aqui estão algumas maneiras de manter o tamanho da carga útil baixo:

Orientação específica para pilha

Angular

Aplique a divisão de código no nível da rota para minimizar o tamanho de seus pacotes de JavaScript. Além disso, considere pré-armazenar em cache os ativos com o trabalhador de serviço Angular.

Drupal

Considere o uso de estilos de imagem responsivos para reduzir o tamanho das imagens carregadas em sua página. Se você estiver usando Visualizações para mostrar vários itens de conteúdo em uma página, considere implementar a paginação para limitar o número de itens de conteúdo mostrados em uma determinada página.

Joomla

Considere mostrar trechos em suas categorias de artigo (por exemplo, por meio de um link "leia mais"), reduzindo o número de artigos exibidos em uma determinada página, dividindo suas postagens longas em várias páginas ou usando um plug-in para carregar lentamente os comentários.

WordPress

Considere mostrar trechos em suas listas de postagens (por exemplo, por meio da tag "mais"), reduzindo o número de postagens mostradas em uma determinada página, dividindo suas postagens longas em várias páginas ou usando um plugin para carregar lentamente os comentários.

Recursos

Código-fonte para auditoria Evitar enormes cargas úteis de rede

Last updated: Improve article

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.