Articles

como determinar o tamanho de uma página web

by admin

eu falo muito sobre o tamanho da página web. Mas o que significa isso? Deixa-me explicar-te e mostrar-te como podes verificar.

O tamanho de uma página web é o tamanho dos arquivos que são carregados para mostrar a página. Pode haver uma diferença entre o tamanho Transferido e o tamanho real dos arquivos (unzipped, vamos dizer), mas você pode encontrar mais sobre isso no “making of” post.,

Existem 2 maneiras de verificar que o tamanho de uma página web é:

  1. Usando uma ferramenta online
  2. Usando o console do seu browser

Vamos olhar alguns detalhes.

confira online

Existem ferramentas online para verificar o tamanho de uma página web. Por exemplo, você pode fazer isso usando https://tools.pingdom.com. Escreva ou cole no URL da página que deseja verificar e aí vai. Você vai obter um monte de dados, entre os quais o tamanho da página.fiz isto por esta página e deu-me 23 kb., Os valores exatos podem diferir entre ferramentas e o segundo método abaixo. No entanto, as diferenças serão relativamente pequenas, especialmente para as grandes páginas. Você terá uma boa idéia se é uma página pequena ou grande.

Verifique no seu navegador

Este é mais complexo e pode funcionar de forma diferente dependendo do seu navegador. Mas eu guio-te pelo processo.primeiro, vamos incógnitos. Você pode ter algumas extensões ou add-ons em seu navegador que também carregar coisas., Eles normalmente estão desligados em Modo incógnito.

  • carregue com o botão direito do rato e escolha a opção inspeccionar o elemento ou algo semelhante. Isto irá abrir uma janela adicional ou barra lateral com informações sobre a estrutura HTML da página web.existem várias páginas na janela adicional. Precisas daquele chamado rede. Certifique – se de desativar o cache do navegador – normalmente, que é o padrão-para que o seu navegador irá carregar tudo limpo.actualizar a página.
  • na parte inferior da janela encontrará o resultado que tem procurado., Existem provavelmente 2 valores, que podem ser os mesmos dependendo se a transferência é feita em um formato especial ou não:
    • Tamanho de transferência: esta é a quantidade de arquivos que é realmente transferido. Isto é o que você queria saber, porque isso faz o maior impacto desde que esta quantidade é transferida do servidor.
    • tamanho dos recursos: Este é o tamanho real dos arquivos usados para construir a página.,

    • página tamanho

    Ok, este é um início, mas eu verifiquei o tamanho de transferência dos arquivos para esta página no Google Chrome e ele me deu de 16 kb. Em Firefox, era de 23 kb, e em Edge 13 kb. Pode haver diferenças significativas, especialmente em pequenas páginas. Alguns navegadores carregam alguns ativos que outros não carregam. O Firefox carrega, por exemplo, 2 imagens adicionais para usá-las em sua tela inicial para sites visitados., No entanto, você tem uma idéia sobre o tamanho da página, em relação à mediana de mais de 2000 kb.

    Alguns exemplos da vida real

    Agora alguns exemplos da vida real. Eu verifiquei o tamanho da transferência para a página inicial de 5 sites populares (e Greenpeace). Eu usei o segundo método, usando o Google Chrome em um computador desktop sem deslizar.,

    Google 380 kb
    Youtube 2400 kb
    Amazon 3600 kb
    New York Times 5800 kb
    Time Magazine 4100 kb
    Greenpeace 3200 kb

    Most pages are quite large.

    Of course, they contain a lot of images and scripts, but even Google’s search page is 380 kb., Isso significa que cada vez que você visita google.com, 0,21 g de CO2e é liberado na atmosfera. Saiba mais sobre a emissão de carbono das páginas web aqui.

    eu deixo você fazer a matemática para as outras páginas maiores. É por isso que acredito que o tamanho da página importa.

    esta página está carregada em cerca de 18 kb.