Guia para iniciantes em otimização de arquivos de sites (carregamento 70% mais rápido)

Para acelerar seu site e economizar largura de banda, a compactação é uma das maneiras mais eficazes (e fáceis) de conseguir isso.


… No entanto, muitos proprietários de sites ainda não otimizam seus arquivos em 2020, porque não sabem o quão importante é ou não sabem como.

Para resumir uma longa história, uma das maneiras mais importantes de acelerar a velocidade de carregamento da página é fazer com que os arquivos JavaScript (JS) sejam carregados mais rapidamente … E você pode acelerar o JavaScript usando a compactação GZIP.

Agora, isso é ideal apenas para navegadores modernos, mas a maioria das pessoas na Internet está usando um dispositivo e navegador recentes. Yahoo e Google utilizam compressão GZIP.

Mas primeiro, vamos estabelecer um pouco de contexto.

Etapa 1: o que é codificação de conteúdo?

Para otimizar efetivamente os arquivos do seu site, é importante entender um conceito conhecido como codificação de conteúdo.

Simplificando, isso é usado para tornar possível a compactação de um documento sem o risco de perder sua identidade de tipo de mídia subjacente. Seu navegador conversará com um servidor da web quando você solicitar um arquivo.

Solicitação HTTP

Basicamente, o navegador informa ao servidor o que ele deseja. O servidor procura e encontra. O navegador então carrega. Quanto maior o arquivo, mais tempo leva para o navegador carregá-lo.

Então, o que você faz quando um arquivo é muito grande?

Você irá compactá-lo. Ao enviar um arquivo compactado para um navegador, você economiza tempo de download e largura de banda.

Existem dois elementos associados ao servidor e ao navegador, sabendo que é bom enviar um arquivo compactado:

  • O navegador permite que o servidor saiba que é bom enviar o conteúdo compactado enviando um cabeçalho
  • Se o conteúdo estiver compactado, o servidor enviará uma resposta

Se o arquivo não estiver compactado, o servidor não enviará o cabeçalho de resposta de codificação de conteúdo. O cabeçalho de aceitação de codificação não é uma demanda, mas apenas uma solicitação feita pelo navegador.

O navegador terá que lidar com a versão pesada regular, se o servidor não enviar o conteúdo compactado.

Configurando o servidor

Você não tem controle sobre o navegador. Ele enviará o cabeçalho ou não. No entanto, você pode configurar o servidor que está usando para garantir que o conteúdo do zíper seja retornado enquanto o navegador conseguir lidar com isso. Isso resulta em economia significativa de largura de banda.

desempenho da web após a compactação

Para fazer isso, basta ativar as configurações de compactação para o IIS. Se você estiver usando o Apache, é relativamente simples ativar a compactação de saída. Basta acessar o arquivo .htaccess e adicionar o código adequado.

Existem duas opções de compactação para escolher no Apache:

  • mod_deflate é padrão e é mais fácil configurá-lo
  • O mod_gzip permite compactar previamente o conteúdo e ele parece mais poderoso

apache fácil desinflar

Independentemente da opção escolhida, o Apache verificará se o navegador enviou o cabeçalho para a codificação de aceitação e retornará o arquivo em sua versão regular ou em sua versão compactada..

Se um navegador mais antigo estiver causando problemas, você poderá corrigi-lo adicionando determinadas diretivas especiais.

Para retornar conteúdo compactado, você pode usar o PHP se não conseguir fazer alterações no seu arquivo .htaccess. Em PHP:

<?php if (substr_count ($ _ SERVER [‘HTTP_ACCEPT_ENCODING’], ‘gzip’))) ob_start (“ob_gzhandler”); else ob_start (); ?>

Uma versão compactada em gzip do arquivo é retornada após a verificação do cabeçalho de aceitação de codificação. Isso é semelhante à criação de um servidor da web por conta própria. Para compactar sua saída, O Apache facilita.

Advertência importante: a maioria dos softwares de criação de sites não permite edição em nível de código (com algumas exceções). No Hosting Canada, somos fortes defensores da hospedagem do site, mas sabemos que não é para todos. Ao usar criadores de sites como Squarespace, Wix ou Weebly, esse tipo de alteração no nível do servidor provavelmente está além do seu alcance.

Verifique sua compactação

É importante garantir que você esteja entregando conteúdo compactado após concluir a configuração do servidor. Para determinar se sua página está compactada online, você pode usar um teste GZIP online.

No seu navegador, as ferramentas do desenvolvedor podem ajudá-lo com isso. Você deseja ir para a guia rede, atualizar a página e clicar na linha de rede da página específica.

Se o conteúdo foi enviado compactado, você verá o cabeçalho “codificação de conteúdo: GZIP”.

cabeçalho gzip do google chrome

Para obter mais detalhes, você pode clicar no ícone para “usar linhas grandes”. Isso também fornece informações sobre o tamanho real do conteúdo e o tamanho da transferência compactada.

Advertências a considerar

A compressão oferece muitos benefícios, mas há desvantagens em tudo. Você deseja estar ciente do seguinte:

  • Gráfico da taxa de compressãoConteúdo que já está compactado: A maioria das músicas, vídeos e imagens já estão compactados. Se você tentar compactá-los novamente, isso é apenas uma perda de tempo. Na maioria dos casos, você só precisa se preocupar em compactar CSS, HTML e JavaScript.
  • Navegadores mais antigos: O conteúdo compactado não é compatível com todos os navegadores. Isto é especialmente verdade para navegadores mais antigos. Por exemplo, convém evitar a compactação HTTP se precisar trabalhar no Windows 95 ou no Netscape 1.0. Existem algumas regras e diretrizes para evitar a compactação em navegadores mais antigos com o Apache mod-deflate.
  • CPU-load: Economize largura de banda e use o tempo da CPU ao compactar conteúdo on-the-fly. Considerando a velocidade da compactação, a troca é normalmente vista como justa. Existem maneiras de enviar versões compactadas e pré-compactar conteúdo estático. Isso geralmente requer mais configuração. Lembre-se de que as pessoas na Internet têm um curto período de atenção, portanto, aumentar a velocidade para uma melhor experiência do usuário usando ciclos de CPU geralmente é sempre uma boa ideia.

Por que você deve usar a compactação GZIP

console de compactação httpA compressão GZIP oferece muitos benefícios. É importante saber o que são essas informações, para que você esteja totalmente ciente de por que deve começar a usá-las..

Na média, usar o GZIP para compactar seus arquivos CSS e HTML, você economiza de 50 a 70% do tamanho total do arquivo. Essa economia significativa no tamanho do arquivo resulta em uma experiência do usuário muito melhor e eficiente em seu site.

Essa técnica também desempenha um papel importante no SEO geral do seu site. Os mecanismos de pesquisa usam algoritmos complexos para determinar onde sites e páginas da web se enquadram nos resultados da pesquisa.

Um elemento que se torna mais importante a cada atualização do algoritmo é o tempo de carregamento da página da web. Os mecanismos de pesquisa usam essas informações para determinar a otimização geral de um site.

teste de velocidade de compressão gzipQuando as páginas da web são carregadas rapidamente, as pessoas que visitam o site não precisam esperar para acessar o conteúdo que estão procurando. Lembre-se de que os usuários da Internet têm um curto período de atenção.

Se uma página da Web estiver demorando muito para carregar, é provável que o usuário clique fora e encontre um site mais rápido com informações semelhantes. Os mecanismos de pesquisa desejam recompensar os sites de carregamento mais rápido, para que eles ofereçam maior posicionamento nos resultados de pesquisa.

Um site mais rápido também aumenta as conversões. Isso significa que, se você tiver um site de comércio eletrônico, quanto mais rápido ele carregar, maiores serão as suas vendas. De fato, aproximadamente 51% dos americanos dizem que a principal razão pela qual eles abandonam uma compra é um site lento.

Os estudos de caso mostram que você pode melhorar sua taxa de conversão em mais de 15%, diminuindo o tempo de carregamento do seu site em apenas 2,2 segundos.

Solução de problemas com compactação GZIP

Como todos os elementos de tecnologia, a compactação GZIP pode falhar pelos menores motivos. A boa notícia é que a maioria dos motivos de falha é corrigível.

O primeiro elemento a ser observado é se a compactação GZIP é suportada pelo seu host. Embora a maioria o suporte devido à sua importância para o carregamento da página, há alguns que não se preocuparam em garantir a compatibilidade. Você pode entrar em contato com seu host para determinar se a compatibilidade com GZIP é um problema.

O próximo elemento a explorar é o seu código. Mesmo um personagem errado pode causar problemas. Procure um caractere perdido, um erro de sintaxe ou qualquer código incorreto. Toda a sua codificação deve funcionar com sua arquitetura para que a compactação seja bem-sucedida.

Você pode apenas verificar o código digitado com PHP ou .htaccess (isso foi discutido acima). Se você não conseguir encontrar um problema, mas acredita que o código é o culpado, considere trocá-lo completamente por um código diferente com maior probabilidade de funcionar.

Em alguns casos, seu host tem acesso aos arquivos corretos para permitir a compactação GZIP, mas você não. Nesse caso, basta ligar para o seu host e pedir para ativar esses.

Você aprendeu anteriormente neste artigo sobre como verificar sua compactação GZIP. Esta é uma opção rápida e fácil para solução de problemas. Geralmente, é recomendável que você faça isso primeiro. Se algo ainda estiver errado, verifique com seu host e avalie o código que você usou.

Se o seu navegador estiver desatualizado, isso também pode causar problemas com a compactação GZIP. Isso é especialmente comum nas versões antigas do Internet Explorer. Se muitas pessoas que visitam seu site usam um navegador antigo, esse é um problema que talvez você precise resolver.

Se os arquivos no seu site forem extremamente grandes, isso também poderá causar problemas em relação à compactação GZIP. Se você estiver usando uma versão mais antiga do GZIP, os limites de tamanho do arquivo podem ser relativamente pequenos, como dois gigabytes ou menos. Por esse motivo, você deseja determinar quais são os limites da sua versão do GZIP.

Uma das melhores maneiras de melhorar o desempenho e a velocidade do seu site, permitindo a compactação. Agora que você sabe como fazê-lo, pode começar a tirar o máximo proveito dos benefícios.

Esteja ciente das advertências e considere-as enquanto trabalha. O próximo passo é configurá-lo para que seus visitantes possam colher os benefícios.

Um fator de velocidade do site muitas vezes esquecido tem a ver com a sua escolha de empresa de hospedagem. Sim, faz a diferença que você escolher, pois alguns simplesmente têm um desempenho melhor quando você dedica um tempo para processar os dados.

Para mais informações, consulte o meu guia sobre como melhorar a velocidade do seu site.

Referências e créditos de imagem:

  • BetterExplained.com
  • OpenSourceVarsity.com
  • Geekeasier.com
  • WebPerformance.com
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map