Quando se trata das página do teu site, o tamanho é importante. Quanto menor for o tamanho de arquivo de uma página, muito rapidamente ela será carregada para as pessoas que a pedir. E as pessoas percebem quanto tempo demora para uma página carregar. Para não mencionar que a Google admitiu utilizar a velocidade do website na classificação de busca internet, em razão de web sites mais rápidos tendem a construir usuários mais felizes. Isso significa que, pra conservar uma classificação de página saudável, tua organização deve focar em fornecer uma experiência de site rápida e otimizada em todos os dispositivos.
Para assegurar que o tráfego do teu blog não seja afetado, esta publicação explicará tudo que devia saber a respeito de tamanho de página e como reduzi-la. O que é tamanho de página? Tamanho de página, bem como chamada do peso da página, diz-se ao tamanho geral de uma página internet específica.
Um tamanho de página adiciona todos os arquivos que são usados para montar a página web: o documento HTML, qualquer imagem inclusa, folhas de tipo, scripts e algumas mídias. O que seria muito extenso? Para amparar a avaliar o peso da tua página, encontramos alguns testes de desempenho executados na empresa de otimização de aplicativos, Yottaa.
Em julho de 2015, a Yottaa testou o funcionamento (em inglês) de 25 URLs de diferentes websites no HubSpot COS usando conexões de Internet a cabo (em um navegador Chrome) e conexões 3G/4G de iPhone. Os resultados proporam que o peso médio de uma página no HubSpot COS foi 2,quarenta e três MB.
Considerando um recente estudo da Soasta que relatou um peso médio de página atual de dois MB, este número parece estar ajeitado com as tendências web atuais. Porém, fique sabendo que o peso de suas páginas variará dependendo de sua empresa ou setor. Se tiver um website de e-commerce com uma ampla multiplicidade de imagens, eventualmente você poderá prever um peso superior de página. Mas, em geral, você ter como meta estar nessa média, ou abaixo dela. Quando se trata do peso da página, as imagens são um dos maiores contribuintes.
Se estiver buscando conter, você tem que começar redimensionando imagens desnecessariamente grandes. Ao fazer upload de imagens, tenha em mente que as dimensões da imagem nunca precisam ser maior que o tamanho da vasilha. Se a tigela tiver largura máxima de 500 pixels, não há fundamento pra fazer upload de uma imagem com largura de 1.000 pixels. Mas, digamos que você necessite ofertar uma imagem de alta resolução que as pessoas conseguem criar este artigo e baixar. O que você precisa fazer?
Recomendamos fazer upload de uma imagem que seja exatamente do tamanho do recipiente em que ela estiver e fazer um hyperlink para uma versão de superior resolução pra impedir sobrecarregar sua página. Além das dimensões da imagem, você poderá apagar ainda mais o tamanho de uma imagem comprimindo-a. A compressão de uma imagem pode socorrer a diminuir seu tamanho de arquivo, que, no conclusão, ajuda a suprimir o tempo que leva para uma página carregar.
- Monte uma parede com quadros ou galeria de imagens – ou tudo junto
- Crie um botequim elegante
- 136 Recriação de Neighbor Discovery Protocol
- Fixação errada da placa-mãe no gabinete
- Um tênis boa para ela aceitar o teu convite de caminhada
- Bebê Básico zoom_out_map
- 8- Cama 5 com travesseiros europeus e duas almofadas
- “Shake It Off”
Se estiver pesquisando uma ferramenta de compressão, estas são algumas de nossas favoritas. Se for usuário da HubSpot, você está com sorte: O HubSpot COS dá redimensionamento de imagem automático e compressão de imagem. Maggie Hibma da HubSpot. Claro, a forma menos difícil de apagar o peso da sua página é reduzir o máximo de imagens desnecessárias. Mas, pra aquelas precisam continuar, as dicas faladas acima precisam ajudar.
Isso porque cada imagem gera uma solicitação de servidor, que deixa o procedimento todo mais lerdo. Um sprite CSS expõe-se a uma coleção de imagens que são combinadas para gerar um arquivo de imagem. Depois, use CSS para exibir somente a parte da imagem combinada que você deseja que seja exibida.
Fazendo isto, você elimina o número de solicitações de navegador necessárias para carregar a página. Para esclarecer, abaixo, temos uma explicação mais visual. O Exemplo A acrescenta arquivos de imagem separados para cada ícone do navegador, totalizando 70,7 KB. O Exemplo B usa sprites CSS, uma imagem que usa CSS pra demonstrar partes desta imagem, pra afirmar exatamente a mesma fato.