Como Fazer Um Resumo

Quando se trata das página do seu site, o tamanho é sério. Quanto menor for o tamanho de arquivo de uma página, mais rápido ela será carregada para quem a solicitar. E as pessoas percebem quanto tempo demora para uma página carregar. Para não mencionar que a Google admitiu usar a velocidade do blog pela classificação de pesquisa web, dado que sites mais rápidos tendem a desenvolver usuários mais felizes. Isso significa que, pra conservar uma classificação de página saudável, sua organização precisa focar em fornecer uma experiência de blog rápida e otimizada em todos os dispositivos.

Para proporcionar que o tráfego do seu blog não seja afetado, esta publicação explicará tudo que você precisa saber sobre isto tamanho de página e como reduzi-la. O que é tamanho de página? Tamanho de página, também chamada do peso da página, diz-se ao tamanho geral de uma página internet específica.

• 
  
• Página estática ou artigos mais novas
  
• um - O que é o Google AdSense
  
• Faça uma procura de mercado
  
• Parcela 1: Crie um vídeo caseiro com o DVD Slideshow Builder Deluxe
  
• 11 - Ponha a mão na massa zoom_out_map
  

Um tamanho de página inclui todos os arquivos que são usados para elaborar a página web: o documento HTML, cada imagem inclusa, folhas de estilo, scripts e outras mídias. O que seria muito enorme? Para acudir a avaliar o peso da sua página, encontramos alguns testes de funcionamento executados na empresa de otimização de aplicativos, Yottaa. Em julho de 2015, a Yottaa testou o funcionamento (em inglês) de vinte e cinco URLs de diferentes blogs no HubSpot COS usando conexões de Internet a cabo (em um navegador Chrome) e conexões 3G/4G de iPhone. Os resultados orientaram 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 2 MB, este número parece estar parelho com as tendências web atuais.

Contudo, entenda que o peso de tuas páginas variará dependendo de tua corporação ou setor. Se tiver um blog de e-commerce com uma ampla diversidade de imagens, porventura você pode prever um peso superior de página. Entretanto, em geral, você ter como meta estar nesta média, ou abaixo dela.

No momento em que se trata do peso da página, as imagens são um dos maiores contribuintes. Se estiver procurando eliminar, você deve começar redimensionando imagens desnecessariamente grandes. Ao fazer upload de fotos, tenha em mente que as dimensões da imagem nunca necessitam ser superior que o tamanho da tigela. Se a vasilha tiver largura máxima de 500 pixels, não há pretexto pra fazer upload de uma imagem com largura de 1.000 pixels.

Entretanto, digamos que você precise dar uma imagem de alta resolução que as pessoas são capazes de compartilhar e baixar. O que você deve fazer? Recomendamos fazer upload de uma imagem que seja exatamente do tamanho da tigela em que ela estiver e fazer um hyperlink pra uma versão de superior resolução para 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 podes socorrer a reduzir seu tamanho de arquivo, que, no fim, auxílio a apagar o tempo que leva para uma página carregar. Se estiver procurando uma ferramenta de compressão, essas são novas de nossas favoritas. Se for usuário da HubSpot, você está com sorte: O HubSpot COS retrata redimensionamento de imagem automático e compressão de imagem. Maggie Hibma da HubSpot. Claro, a maneira menos difícil de apagar o peso da tua página é apagar o máximo de imagens desnecessárias.

Todavia, pra aquelas necessitam continuar, as dicas faladas acima precisam amparar. Sabemos que ter várias imagens, essencialmente grandes, numa dada página aumentará o peso da página e aumentará o tempo de carregamento, certo? Isso porque cada imagem gera uma solicitação de servidor, que deixa o processo todo mais lento.

Um sprite CSS expõe-se a uma coleção de imagens que são combinadas pra formar um arquivo de imagem. Depois, use CSS para expor somente a fração da imagem combinada que você deseja que seja exibida. Fazendo isto, você reduz o número de solicitações de navegador necessárias para carregar a página.

Para resolver, abaixo, temos uma descrição mais visual. O Exemplo A acrescenta arquivos de imagem separados pra cada ícone do navegador, totalizando 70,7 KB. O Exemplo B usa sprites CSS, uma imagem que utiliza CSS para expor partes dessa imagem, para mostrar exatamente a mesma dado. Fontes personalizadas são divertidas.