A maneira mais fácil de acelerar o site do WordPress é eliminar todos os recursos indesejados. A segunda maneira mais simples de acelerar é compactar todos os recursos desejados. A ativação da compactação GZIP no seu servidor da Web é uma das formas mais simples e eficazes de alcançar isso.

Todos os navegadores modernos suportam a compactação GZIP padrão. No entanto, para que os recursos compactados possam ser servidos aos seus usuários sem qualquer problema, você deve configurar corretamente seu servidor.

Neste artigo, você aprenderá os fundamentos da compactação de dados na Web, o que é a compressão GZIP , suas diferentes vantagens e como usá-lo para acelerar seus sites WordPress em diferentes configurações de servidor.

Você está animado? Descompressões!

A maneira mais fácil de acelerar o seu site #wordPress: Livre-se de recursos indesejados. ✅ O segundo método mais simples: comprimir todos os recursos desejados. ✅ Saiba como fazer isso rapidamente com compressão gzip 👇Clique para tweet

os bancos de dados de compactação de dados na Web

a compactação de dados da Web é o processo de redução do tamanho do tamanho. Dados transmitidos por sites . Dependendo do tipo de dados – texto, imagens, folhas, scripts, fontes – existem diferentes maneiras de compactar os dados.

Os principais componentes de uma página da Web'une page web

Os principais componentes de uma página da Web

Por exemplo, a minificação de HTML, CSS e JavaScript é uma maneira simples reduzir o valor de dados enviados por navegadores. Aqui, a minificação comprime o texto removendo caracteres desnecessários, como comentários e espaços do código-fonte.

No exemplo abaixo de um documento HTML simples, existem três tipos de conteúdo.: Marcação HTML, estilos CSS e Código Javascript.

Cada tipo de conteúdo tem uma sintaxe exclusiva e semântica. No total, esse documento HTML possui 357 caracteres.

<html><head> <style> /* kinsta-banner is used on the homepage only */ .kinsta-banner { font-size: 150% } .kinsta-banner { width: 75% }</style></head><body> <div>...</div> <script> kinstaScripts(); // random scripts used on the page </script></body></html>

O código acima é fácil de ler e seguir. É ideal para o desenvolvimento. No entanto, não é necessário que o navegador ler os comentários e tags estejam perfeitamente indexados. Um compressor inteligente pode analisar este documento e excluir todos os itens desnecessários.

<html><head><style>.kinsta-banner{font-size:150%;width:75%}</style></head><body><div>...</div><script>kinstaScripts();</script></body></html>

Após a minificação, o documento HTML é reduzido para apenas 141 caracteres. Isso representa uma economia de 60,50% do número de caracteres. Não é fácil para os olhos, mas não importa para o navegador. Ele sempre exibirá a mesma página para o usuário.

Aproveite as duas versões, você pode manter o documento original como “versão de desenvolvimento”, mas reduzindo o código inteiro antes de colocá-lo online. / p>

A maioria das extensões de desempenho do WordPress carregam automaticamente para você.

compressão do tamanho dos arquivos jquery descompactados vs minified

Compression do tamanho dos arquivos jQuery descompactados vs minified

Por exemplo, a versão descompactada da biblioteca JQuery 3.5.1 é superior a 3 vezes maior que a Versão mínima do mesmo arquivo.

As mesmas técnicas de compactação descritas acima podem otimizar outros tipos de conteúdo, como imagens, vídeos, fontes, etc. Reduções de conteúdo específicas Como essas são a primeira etapa para otimizar o tamanho dos recursos textuais do seu site.

Mas a compactação de dados não se limita à mineração. Graças a técnicas matemáticas avançadas, os algoritmos de compressão de dados podem reduzir ainda mais o tamanho dos dados.

Um dos exemplos mais populares de tal método de compactação de dados é GZIP. Permite a transmissão de dados eficiente e contribuiu significativamente para tornar a Internet um meio de comunicação global viável.

O que é compressão gzip?

gzip, abreviatura do GNU Zip, é a perda mais popular método de compressão de dados na web. Ele permite reduzir o tamanho das páginas HTML, folhas de estilo e scripts no seu site.

Além de ser um algoritmo de compactação de dados, o GZIP também é uma extensão de arquivo (. GZ) e software usado para compressão / descompressão de arquivos.

É baseado no algoritmo de deflate, que é uma mistura de codificação LZ77 e algoritmos de codificação Huffman.

A compactação GZIP é baseada no algoritmo de deflate'algorithme DEFLATE

A compressão GZIP é baseada na deflata do algoritmo

Um compressor gzip leva um conjunto de dados brutos e comprimi-los sem perda. Os dados brutos podem vir de qualquer tipo de arquivo, mas Gzip funciona melhor com recursos textuais (por exemplo, HTML, CSS, JS).

A seção a seguir explica detalhadamente a operação da compactação. Gzip.

Como Gzip comprime os dados

Uma ilustração aproximada da operação da compressão GZIP

Uma ilustração aproximada da operação de compressão GZIP

Para começar, o compressor gzip executa o algoritmo de compactação LZ77 nos dados brutos para remover redundâncias. Este algoritmo funciona encontrando padrões repetidos em uma janela escorregadia predefinida (uma pequena parte dos dados brutos).

Substitui todas as strings repetidas por tuplas para compactar os dados brutos.

uma ilustração do algoritmo de codificação LZ77'algorithme de codage LZ77

Uma ilustração do algoritmo de codificação LZ77

No exemplo acima, o tamanho da janela deslizante é apenas 13 caracteres (13 bytes). No entanto, a compressão GZIP pode usar um tamanho máximo de janela deslizante de 32 KB (32.768 bytes). O tamanho da janela deslizante desempenha uma função chave no desempenho da compactação LZ77.

Após comparar os dados brutos com o algoritmo LZ77, o compressor GZIP usa o algoritmo de codificação Huffman para compactá-los mais. Para isso, atribui aos caracteres mais frequentes o menor número de bits, enquanto atribui os caracteres raros o maior número de bits.

Essa técnica é semelhante à usada em Walrus, onde a mais frequente As letras em inglês têm as sequências mais curtas.

Para entender a operação do algoritmo de codificação Huffman, considere a palavra BOOKKEEPER. Tem 10 caracteres, mas apenas 6 caracteres exclusivos. Esta palavra tem uma boa mistura de letras simples, duplas e triplas.

Quase todos os sites usam o codificação de caracteres UTF-8 para representar as letras e os símbolos. Cada caractere ASCII no UTF-8, que também inclui o alfabeto inglês, usa 1 byte (8 bits).

a palavra  / div> a palavra “bookkeeper” tem muitas letras que repetem

Uma cadeia de 10 caracteres como BOOKKEEPER requer 10 bytes (80 bits) de memória. Você pode ver que contém 1 instância das letras B, P, R, 2 instâncias das letras O e K e 3 instâncias da letra E.

O algoritmo de codificação Huffman usa esse conhecimento para comprimir a cadeia sem perda. Para fazer isso, gera uma árvore binária com cada letra é uma folha.

As letras com a menor frequência (por exemplo B, P, R) terminarão a árvore, enquanto aquelas que Aparecer com freqüência (por exemplo, E, O, K) será idealmente no topo.

O nó mais alto do eixo é a raiz (raiz), e seu valor é igual aos caracteres do número total do número.

Huffman eixo para a palavra

Huffman eixo para a palavra “contador”

Após gerar o eixo huffman, todas as setas esquerda e direita recebem os dígitos 0 e 1. Você pode gerar o código Huffman para qualquer caractere, desenhando o caminho da raiz para a folha e juntando todos os 0 e 1.

hu códigos O FFMAN são códigos binários exclusivos para cada caractere

Você pode perceber que as letras de frequência mais altas têm códigos Huffman com os menores bits.

Nota: O algoritmo de codificação Huffman pode gerar Códigos binários alternativos usando uma estratégia de agendamento diferente para caracteres com as mesmas freqüências. No entanto, o tamanho total da cadeia codificada permanece o mesmo.

Uma palavra de 80 bits codificados na forma de uma string 25 Bits'une chaîne de 25 bits

Uma palavra de 80 bits codificada na forma de uma cadeia de 25 bits

Isso representa uma redução de 68,75% da memória necessária para armazenar a palavra original .

O uso da árvore de Huffman com a convenção 0/1 gera códigos binários que satisfazem a propriedade prefixo. Isso garante que o código Huffman de um personagem específico não seja um prefixo do código de outro personagem, o que facilita a decodificação da cadeia codificada usando a árvore Huffman. Isso desempenha um papel fundamental na velocidade de descompressão do Gzip.

Apenas como a palavra acima, o compressor GZIP usa o algoritmo de codificação de Huffman para otimizar ainda mais as tuplas geradas pelo algoritmo LZ77.. O resultado de arquivos altamente compactados com a extensão .gz.

Se você quiser saber mais sobre a operação GZIP, consulte este vídeo para uma visão geral rápida.

Qual é a qualidade de compressão gzip?

Geralmente, gzip atinge uma taxa de compressão de cerca de 70% para arquivos pequenos, mas pode atingir até 90% para arquivos de texto maiores.

taxa de compressão GZIP para algumas bibliotecas CSS e JS

gzip taxa de compressão para certas bibliotecas CSS e JS popular

em A tabela acima, você pode ver que a compactação dos arquivos mínimos com gzip pode reduzir ainda mais o tamanho.

Nota: Você pode compactar qualquer tipo de arquivo com gzip, mas para recursos já comprimidos com outros métodos ( Por exemplo, imagens, vídeos), isso não representará qualquer economia. Às vezes, isso pode até aumentar o tamanho do arquivo.

A força de um algoritmo de compactação só depende de sua relação de compactação, mas também a velocidade e eficiência com a qual ela pode compactar e descompactar os dados. É aqui que o Gzip se destaca para a maioria dos casos de uso.

Como Gzip é rapidamente descomprimindo com um algoritmo de streaming, é perfeito para protocolos da Web onde a velocidade é essencial. Além disso, o GZIP usa um mínimo de recursos para compactar e descompactar os dados, o que o torna ideal para servidores como para os clientes.

BROTLI vs bzip2 vs gzip vs desempenho de compressão (Fonte: opencppu)

Brotli vs bzip2 vs gzip vs desempenho de compressão (fonte: opencppu)

os gráficos acima comparar Desempenho de compressão de algoritmos de compressão BROTLI, BZIP2, GZIP e XZ. Gzip é ligeiramente perdendo no teste de taxa de compressão, mas para velocidades de compressão e descompressão, ele bate diretamente a concorrência.

Examinando o gráfico da velocidade de compressão, podemos concluir que Gzip é ideal para tempo real. compressão em servidores HTTP e outros fluxos de dados da Web. Dado todos os seus benefícios para avançar a Web, o IETF ratificou o GZIP como um dos três formatos padrão para compactação em http / 1.1.

Nota: Uma abstração da biblioteca da compressão GZIP chamada Zlib é usada Muitos sistemas operacionais populares (Linux, Macos, iOS) e em reproduções modernas (PlayStation 4, Wii U, Xbox One). Também é usado no formato de arquivo PNG sem perda para compressão de imagem.

6 vantagens da compressão gzip

Examine mais de perto as principais vantagens da compressão Gzip.

Fornece uma taxa de compressão decente

Como já dissemos, o GZIP não tem a melhor taxa de compressão em comparação com seus concorrentes. Mas também não está tão longe. Em geral, ele pode ajudá-lo a reduzir o tamanho dos recursos textuais de 70 a 90%.

Super rápida compressão e descompressão

para compressão de dados e velocidades de descompressão, GZip é o grande vencedor . É altamente desejável para a compactação na mosca em servidores HTTP e outros fluxos de dados.

Requer muito pouca memória

O gzip deixa uma marca mínima de memória, que é adaptada a servidores e sistemas com capacidade de memória limitada. Portanto, é suportado até mesmo pelos provedores de hospedagem mais baratos.

não se estende muito, mesmo nos piores casos

Algoritmos de compressão de dados sem perda, pois Gzip tem um limite estrito além do qual eles não pode compactar os dados.

Em geral, isso acontece quando o recurso já está bem comprimido, ou se é pequeno e que os esforços relacionados à adição do dicionário GZIP são maiores que a poupança obtida compressão. Podemos atribuir esse fenômeno a um conceito chamado de codificação entropica. Gzip é muito resistente a este efeito.

Uso livre e código aberto

gzip foi criado principalmente para substituir gratuitamente e open source o programa de compactação patenteado usado nos primeiros sistemas UNIX. Assim, não há patente e pode ser usado livremente por todos.

Apreciado Suporte universal

Dependendo dos W3Techs, a compressão GZIP é usada por 82% de todos os sites que segue, Tornando-se o algoritmo de compressão mais utilizado na web.

gzip é suportado por quase todos os servidores e clientes. Seja qual for o servidor no qual você hospeda seu site, você pode acelerar ativando o gzip.

gzip avisos nas ferramentas de controle de velocidade do site

Após a minificação, a ativação do GZIP é um dos As otimizações de velocidade mais simples e eficazes que você pode implementar em seu site.

Este é também um dos meios mais simples para otimizar o WordPress. Apesar disso, muitos sites do WordPress ainda não o usam.

Quando você for a um site, seu navegador verifica se o servidor da Web ativou o GZIP verificando o cabeçalho de resposta content-encoding : gzip. Se o cabeçalho existir, ele recuperará arquivos compactados, descompactá-los e, automaticamente, serve automaticamente os arquivos menores.

O cabeçalho de resposta'en-tête de réponse

O cabeçalho de resposta “Codificação de conteúdo: gzip” em Chrome Devertools

Se o navegador não detectar o cabeçalho do gzip Response, ele baixará arquivos descompactados. Na maioria dos casos, a diferença de velocidade de carga das páginas pode ser vários segundos. Portanto, se você não ativou o GZip, verá avisos nos testes de velocidade do site.

Gzip Aviso no Google PagePets Insights / Lighthouse

Google PagePets insights exibe um aviso Quando a compactação de texto não estiver ativada em seu site.

Nota: O Google PagePets insights e o Google Lighthouse foram duas ferramentas de teste de desempenho de site separadas. Eles trabalharam independentemente uns dos outros até 2018, quando o Google atualizou as páginas Página Teed insights para usar o farol como um motor de análise. Hoje, os insights e o farol fazem mais de um.

aviso

Aviso “Ativar a compressão de texto” No Google Plaispets insights

No site de amostra acima, a compactação de recursos textuais pode reduzir o peso da página de mais de 78% e acelerar o tempo de carregamento da página de 2,1 segundos

Nota: As insights PagesPeed repente nos cabeçalhos de resposta retornaram ao seu navegador pelo servidor. Às vezes, ele pode exibir um aviso falso, mesmo que a compressão GZIP seja ativada. Isso pode ser devido ao fato de que o teste de velocidade é realizado em uma máquina que usa um servidor proxy intermediário ou software de segurança. Eles podem interferir com o download de arquivos compactados de servidores externos.

Registre-se para o boletim informativo

Nós aumentamos nosso 1187 % de tráfego com WordPress. Vamos mostrar como.

junte mais de 20.000 pessoas que recebem nossa newsletter semanal com dicas do WordPress!

Inscrever-se

gzip Gtmetrix

gtmmetrix exibe um aviso se o seu site não atender recursos de texto compactados. Como insights do Google PagePages também lhe dirá a economia em potencial que você pode fazer.

aviso

aviso “ativar Compressão “em gtmetrix

Nota: O gtmetrix atualiza seu algoritmo de teste de velocidade para substituir as velhas insights de pazeed e bibliotecas do YSLOW com as mais recentes medições do Farol do Google. Você pode esperar que seu aviso de compressão gzip seja semelhante ao exibido pelo farol.

gzip AVISO nas ferramentas Pingdom

Pingdom Tools lança um simples aviso para compactar os componentes do seu site com GZIP .

aviso

aviso “Componentes de compressa com gzip” em ferramentas de pingdom

na descrição, as ferramentas Pingdom também fornecem algumas estatísticas sobre a importância do gzip.

gzip aviso no WebPageTest

WebPageTest exibe um aviso em sua guia de revisão de desempenho, se detectar que as respostas compressíveis não são servidas da maneira mais otimizada.

aviso

aviso “use compressão gzip” no WebPageTest

WebPagetest também dará uma pontuação graduada para mostrar a gravidade de um aviso. Por exemplo, atribui uma nota de 23 de 100 para o aviso acima, o que significa que você deve corrigi-lo em prioridade.

Como verificar se a compressão GZIP é ativada

Http cabeçalho é realmente suportado por todos os navegadores modernos. Como resultado, a maioria dos hosts, incluindo o Kinsta, ative a compactação GZIP padrão em todos os seus servidores.

Quando os servidores da Web vêem o cabeçalho deste navegador, eles reconhecem o suporte do navegador. Para gzip e responder com uma resposta HTTP compactada usando o cabeçalho content-encoding : gzip

mas se você usar outro provedor de hospedagem do WordPress, ou se você simplesmente quiser verificar se o seu site serve adequadamente o conteúdo comprimido GZIP, sempre verifique se É ativado.

Você encontrará abaixo alguns meios simples de verificar a compressão GZIP.

ferramentas de teste de compressão gzip on-line

O uso de uma ferramenta on-line é A maneira mais fácil de verificar se a compactação GZIP é ativada no seu site. Eu recomendo usar ferramentas gratuitas verificar compressão gzip ou teste de compressão HTTP. Basta digitar o URL do seu site e clicar no botão Verificar ou Testar.

Estas duas ferramentas on-line mostrarão um breve relatório indicando se o gzip é ativado ou não, e a transferência de dados de quantidade que você salvou ( ou pode salvar) usando o URL de teste com a compressão gzip ativada.

A primeira ferramenta também mostrará outras informações relevantes, como o tipo de servidor do seu site, tipo de conteúdo e tempo de compactação.

Teste a página inicial do Kinsta com a ferramenta de compactação GZIP Verificar'accueil de Kinsta avec l'outil de compression Check GZIP

Teste da página inicial do Kinsta com ferramenta de compressão Verifique o gzip

teste kinsta.com com o http'outil de test de compression HTTP

Test Kinsta.com ferramenta de teste de compressão com o http

ferramenta de teste de compactação Você deve observar que a otimização GZIP não apenas para a VO Tre Web Page, mas também inclui seus recursos estáticos com base no texto, como folhas de estilo, scripts e fontes. Se você usar um CDN para atender esses recursos, deverá assegurar que o CDN também os serve com a compactação GZIP ativada.

A maioria dos modernos CDNs, como CloudFlare, Kinsta CDN, KeyCDN e CloudFront suportam a compressão Gzip. Você pode testar os recursos atendidos pelo CDN para a compactação GZIP conectando diretamente aos recursos.

gzip teste de compressão para recursos hospedados por um cdn

no relatório acima, você pode ver que o Kinsta cdn usa o mecanismo keycdn, que é um tradicional camisola cdn . Se você estiver usando o Kinsta para hospedar o site do WordPress, não precisará se preocupar com a compactação GZIP porque é ativada por padrão.

Info

Todos os planos de alojamento do WordPress no Kinsta incluem um suporte gratuito para o CD do Kinsta.

o cabeçalho da resposta HTTP ” Codificação de conteúdo: GZIP “

A segunda maneira de verificar se um site fornece conteúdo gzip compactado é verificar o cabeçalho HTTP content-encoding: gzip.

Você pode abrir ferramentas de desenvolvedor de devertools ou Firefox e pesquisar este cabeçalho de resposta na seção de rede.

Eu já tenho mostrado o que parece em cromo devtools anteriormente. Aqui está o que parece nas ferramentas do desenvolvedor do Firefox.

o cabeçalho'en-tête

a cabeça “conteúdo Codificação: Gzip “nas ferramentas de desenvolvimento do Firefox

Você também pode ativar a opção” Wide Solicitação de linhas “no painel de controle DevTools Chrome para ver o tamanho original e compactado da página. Como você pode ver abaixo, o tamanho da página original aumentou de 118 KB para apenas 22,9 kB depois de ser comprimido com GZIP.

Veja os tamanhos de página comprimidos e descompactados em cromo devertols

Veja os tamanhos de página comprimidos e descompactados em DevTools Chrome

ferramentas de controle de velocidade da página da Web

A maioria das ferramentas de teste de teste do site irá avisá-lo que você não usa compactação como gzip para atender às suas páginas da web. Muitos leitores que chegam neste artigo são provavelmente por causa desses avisos GZIP, que já falei em detalhes acima.

avisos gzip Em várias ferramentas de teste de velocidade da página da Web

gzip advertências em várias ferramentas de teste de velocidade da página da web

Você pode usar ferramentas como Págspeed insights, gtmetrix, ferramentas de pingdom e webpage para verificar Se a compactação GZIP estiver ativada no site do WordPress.

Como habilitar a compactação GZIP

Se a compactação GZIP não estiver ativada no seu servidor da Web, há muitas maneiras de ativá-la. O método exato depende do servidor da Web que você usa para hospedar seu site.

IMPORTANTE: Como sempre, faça um backup de seus arquivos de site e configuração do seu servidor antes de modificá-los.

Ativar gzip com uma extensão do WordPress

A maneira mais fácil de ativar a compactação GZIP no seu site do WordPress é usar uma extensão de cache ou otimização de desempenho.

Por exemplo, se você hospedar seu site WordPress Em um servidor Web Apache, a tampa total do W3 inclui uma opção para ativar a compactação GZIP no painel de controle do cache do navegador.

Similarmente, o Rocket WP permite adicionar automaticamente as regras de compactação GZIP. Essas extensões permitem a compactação GZIP adicionando o módulo mod_deflate Apache ao arquivo .htaccess.

Ativação de compressão GZIP na tampa total W3

Activação de compressão Gzip no cache total W3

WordPress Extensions requer permissões para alterar os arquivos no seu servidor da Web. Se eles não tiverem boas autorizações, eles falharão ou mostrarão um erro.

Neste caso, você deve entrar em contato com o provedor de hospedagem ou alterar manualmente os arquivos de configuração do seu servidor da Web para obter extratos de código de ajuda abaixo .

Nota: O Kinsta otimizou sua plataforma para torná-lo mais eficiente, mais confiável e seguro. Isso também inclui a ativação da compactação GZIP padrão para todos os seus planos de hospedagem.

Como extensões de armazenamento em cache de terceiros podem causar conflitos com as otimizações de desempenho interno da Kinsta, a Kinsta N ‘não permite a maioria deles em seus servidores. Para obter mais informações, você pode visualizar a lista completa de extensões proibidas Kinsta.

Ativar gzip no servidor da Web Apache

De acordo com o NetCraft, o Apache serve sites mais ativos do que qualquer outra web servidor usado hoje. É também um dos dois servidores da Web recomendados pelo WordPress.

Para ativar a compactação GZIP em servidores Apache, você deve usar seus módulos mod_filter e mod_deflate e configure-os corretamente com as diretrizes corretas. Eles direcionarão o Apache para a compactação de saída do servidor antes de enviá-lo para os clientes na rede.

Você tem duas opções para alterar a configuração do servidor Apache de acordo com o seu nível de acesso:

Se você puder acessar o arquivo de configuração do servidor principal (geralmente chamado Conf), é recomendável usá-lo para configurar o Apache porque os arquivos .htaccess podem diminuir o Apache.

  • Se você não puder acessar o Arquivo de configuração do servidor principal, que geralmente é o caso para os provedores de hospedagem do WordPress mais compartilhados, então você deve configurar o Apache usando o arquivo .htaccess. li.>

    A primeira opção é estritamente reservada para administradores do sistema, Como provedores de hospedagem raramente permitem que você edite o arquivo de configuração do servidor principal. Explique como fazê-lo dessa maneira não se enquadra no âmbito deste artigo. Você pode se referir ao Exemplo de Configuração do Apache Server compartilhada pelo projeto HTML5 Boilerplate e a documentação do Apache para iniciar.

    A segunda opção é ideal para a maioria dos proprietários de sites do WordPress por causa de muitos hosts compartilhados permitem que você altere o. Arquivos Htaccess.

    Iniciar, use o SFTP ou o Gerenciador de arquivos on-line do seu host para localizar o arquivo.Htaccess no diretório raiz do seu site WordPress. Em seguida, adicione o código abaixo.

    Importante: Certifique-se de que o módulo mod_filter esteja ativo no seu servidor. É ativado por padrão na maioria dos hosts, mas se não for, o AddOutputFilterByType não funcionará e poderá gerar um erro HTTP 500. Você pode verificar os jornais de erro do seu servidor, se você Tenha problemas depois de adicionar o código abaixo.

    <IfModule mod_deflate.c> # Compress HTML, CSS, JavaScript, Text, XML and fonts AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/vnd.ms-fontobject AddOutputFilterByType DEFLATE application/x-font AddOutputFilterByType DEFLATE application/x-font-opentype AddOutputFilterByType DEFLATE application/x-font-otf AddOutputFilterByType DEFLATE application/x-font-truetype AddOutputFilterByType DEFLATE application/x-font-ttf AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE font/opentype AddOutputFilterByType DEFLATE font/otf AddOutputFilterByType DEFLATE font/ttf AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE image/x-icon AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/javascript AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/xml # Remove browser bugs (only needed for ancient browsers) BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0 no-gzip BrowserMatch \bMSIE !no-gzip !gzip-only-text/html Header append Vary User-Agent</IfModule>

    Adicione o código acima que após as diretrizes existentes do seu arquivo .htaccess. Salve o arquivo e, em seguida, verifique se ele permite a compactação GZIP no seu servidor.

    Exemplo de Apache .Htaccess Arquivo após ativar a compressão GZIP

    Apache. Exemplo de arquivo .htaccess após ativar a compactação GZIP

    O seu servidor da Web deve agora servir arquivos compactados para todas as extensões de arquivo listadas ci -above listadas. Você pode confirmá-lo usando um dos métodos mencionados anteriormente.

    Se você deseja certificar-se de que o software de segurança dos proxies e do lado do cliente não interfira com a compactação GZIP, você pode substituir o extrato de código acima por Aquele abaixo.

    <IfModule mod_deflate.c> # force compression for clients that mangle 'Accept-Encoding' request headers <IfModule mod_setenvif.c> <IfModule mod_headers.c> SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\s*,?\s*)+|{4,13}$ HAVE_Accept-Encoding RequestHeader append Accept-Encoding "gzip,deflate" env=HAVE_Accept-Encoding </IfModule> </IfModule> # compress all output with one of the following file extensions <IfModule mod_filter.c> AddOutputFilterByType DEFLATE "application/atom+xml" \ "application/javascript" \ "application/json" \ "application/ld+json" \ "application/manifest+json" \ "application/rdf+xml" \ "application/rss+xml" \ "application/schema+json" \ "application/geo+json" \ "application/vnd.ms-fontobject" \ "application/wasm" \ "application/x-font-ttf" \ "application/x-javascript" \ "application/x-web-app-manifest+json" \ "application/xhtml+xml" \ "application/xml" \ "font/eot" \ "font/opentype" \ "font/otf" \ "font/ttf" \ "image/bmp" \ "image/svg+xml" \ "image/vnd.microsoft.icon" \ "text/cache-manifest" \ "text/calendar" \ "text/css" \ "text/html" \ "text/javascript" \ "text/plain" \ "text/markdown" \ "text/vcard" \ "text/vnd.rim.location.xloc" \ "text/vtt" \ "text/x-component" \ "text/x-cross-domain-policy" \ "text/xml" </IfModule> # define and map media types to their appropriate encoding type # Using SVG format (Scalable Vector Graphics) is highly recommended to # load logos, icons, text, and simple images. You can compress .SVG files # further using GZIP to create .SVGZ files. However, most browsers don’t # know that they need to decompress them first if they’re not served # without an appropriate ‘content-encoding’ HTTP response header. Thus, # these images wouldn’t show up in the browser. Hence, this module. <IfModule mod_mime.c> AddType image/svg+xml svg svgz AddEncoding gzip svgz </IfModule></IfModule>

    Você pode descobrir mais sobre todas as diretrizes usadas aqui, tornando você em seu depósito de código e seguindo todos os recursos relacionados.

    Ativar gzip no servidor da Web NGINX

    Quanto ao NetCraft, o NGINX é o servidor da Web mais usado pelos computadores conectados à Web. Se a tendência atual continuar, logo excederá o Apache para se tornar o servidor da Web mais usado por sites ativos. Até mesmo a Kinsta usa o NGINX para alimentar suas soluções de hospedagem do WordPress, cujo desempenho é otimizado.

    Você pode ativar a compactação GZIP no seu servidor da Web do Nginx usando as diretrizes definidas no módulo NGX_HTTP_GZIPIP_Module.

    para Comece, adicione as seguintes diretrizes de dados ao seu arquivo nginx.conf. Em geral, você encontrará este arquivo no local do seu servidor.

    # enables GZIP compressiongzip on; # compression level (1-9)# 6 is a good compromise between CPU usage and file sizegzip_comp_level 6;# minimum file size limit in bytes to avoid negative compression outcomesgzip_min_length 256;# compress data for clients connecting via proxiesgzip_proxied any;# directs proxies to cache both the regular and GZIP versions of an assetgzip_vary on;# disables GZIP compression for ancient browsers that don't support itgzip_disable "msie6";# compress outputs labeled with the following file extensions or MIME-types# text/html MIME-type is enabled by default and need not be includedgzip_typesapplication/atom+xmlapplication/geo+jsonapplication/javascriptapplication/x-javascriptapplication/jsonapplication/ld+jsonapplication/manifest+jsonapplication/rdf+xmlapplication/rss+xmlapplication/vnd.ms-fontobjectapplication/wasmapplication/x-web-app-manifest+jsonapplication/xhtml+xmlapplication/xmlfont/eotfont/otffont/ttfimage/bmpimage/svg+xmltext/cache-manifesttext/calendartext/csstext/javascripttext/markdowntext/plaintext/xmltext/vcardtext/vnd.rim.location.xloctext/vtttext/x-componenttext/x-cross-domain-policy;

    Se o seu site serve grandes JS e arquivos CSS, você pode aumentar o tamanho do buffer usado para compactação adicionando a seguinte direção ao arquivo nginx.conf:

    # sets the 'number' and 'size' of buffers for GZIP compression# default buffer size is 4K or 8K depending on the platformgzip_buffers 16 8k;

    Lembre-se de recarregar o NGINX Depois de salvar o arquivo NginX.conf.

    sudo service nginx reload

    Finalmente, você deve testar para ver se o seu servidor ativou o gzip de compressão. Você pode consultar a documentação do NGINX para obter uma lista atualizada de todos os ngx_http_gzip_module.

    Ativar gzip no servidor da Web do IIS

    Serviços de Informação de Informações da Microsoft (IIS) é o terceiro servidor da Web mais popular usado hoje. O IIS é implantado principalmente em ambientes corporativos baseados no Windows, especialmente para a implementação de servidores intranet e extranet específicos da empresa.

    Raramente é usado para hospedar sites do WordPress devido a vários problemas de compatibilidade.

    No entanto, se você estiver em uma das poucas situações em que precisar ativar a compactação GZIP no IIS, você pode se referir à documentação da Microsoft para iniciar. Você também pode encontrar este thread on Stack Overflower.

    Alternativas com compressão GZIP

    O mundo da compressão de dados na Web continua a progredir. O tamanho da página médio aumentando cada vez mais, a tecnologia da Web está tentando captá-lo para tornar a transferência de dados na Web mais eficiente.

    aumentando o peso da página ao longo do tempo (Fonte: httpchive)

    Um novo algoritmo de compressão ganhou em popularidade nos últimos anos: Brotli. A compressão da Web WOFF2 Fonts foi o principal objetivo de Brotli originalmente, mas foi estendido desde que suportasse a compactação de qualquer tipo de dados.

    Brotli melhor comprime os dados do que o gzip, mas demora muito mais tempo e recursos para compactá-los. No entanto, seu tempo de descompressão é comparável ao da GZip, embora ainda seja um pouco mais lento.

    suporte de Brotli em diferentes navegadores

    Brotli suporte em diferentes navegadores

    A maioria das sobrancelhas suporta Brotli hoje, mas seu uso em sites do WordPress ainda é um pouco complicado.Você deve hospedar seu site de um provedor de hospedagem que suporta Brotli ou que permita instalar a Biblioteca Brotli. A maioria dos hosts WordPress, ainda não suportam completamente, mas se você estiver usando um CDN, como CloudFlare ou KeyCDN, poderá facilmente ativá-lo.

    Brotli é muito promissor para a compactação de recursos estáticos. Akamai publicou um artigo detalhado comparando Brotli e Gzip. Você pode consultá-lo para saber mais sobre Brotli.

    Pronto para acelerar seu site? ⚡️ A ativação da compactação GZIP no seu servidor da Web é uma das formas mais simples e eficazes para conseguir isso. Descubra como acompanhar esta caminhada para o passo ⬆️Clique para tweet

    Resumo

    Uma web bem otimizada é boa para todos. Os usuários gostam de sites mais atraentes, proprietários de teas, como taxas de hospedagem reduzidas, e os hosts do site, como a otimização em seus servidores. Técnicas de compressão como gzip são uma das melhores maneiras de acelerar o tempo de carregamento da página para seus visitantes.

    Os proprietários do site do WordPress podem acelerar seus sites instantaneamente ativando a compactação GZIP. Kinsta o padrão ativo em todos os seus servidores, mas para outros, este artigo abrange várias maneiras de ativar a compactação GZIP em vários servidores da Web.

    velocidade é um elemento essencial para qualquer site para qualquer site.. Comprimir!

    Se você gostou deste artigo, então você vai adorar a plataforma de hospedagem WordPress do Kinsta. Acelere seu site e receba suporte 24/7 da nossa equipe de veteranos WordPress. Nossa infraestrutura alimentada pelo Google Cloud se concentra em dimensionamento automático, desempenho e segurança. Vamos mostrar a você a diferença de Kinsta! Descubra nossos planos

  • Leave a comment

    O seu endereço de email não será publicado. Campos obrigatórios marcados com *