17 dicas eficazes para reduzir o tempo de carregamento da página do blog
Publicados: 2020-11-10Imagine visitar um site em que todas as páginas demorem vários segundos para carregar.
Frustrante, não é?
A verdade é que muitos blogueiros negligenciam a velocidade de carregamento de seus sites enquanto carregam elementos visuais sofisticados - de carrosséis de imagens a widgets interativos.
Essa não é a maneira de impressionar seu público.
O que eles precisam é de um blog que carregue rapidamente, maximize a legibilidade e forneça as informações que desejam rapidamente.
Vamos discutir como dar a eles o que desejam.
O guia definitivo para a otimização da velocidade de carregamento do blog
- 1. Por que a velocidade de carregamento da página é importante
- 1.1 Reter mais tráfego
- 1.2 Aumentar as conversões
- 1.3 Classificações mais altas do mecanismo de pesquisa
- 2. Como testar a velocidade de carregamento do site
- 3. Como reduzir o tempo de carregamento do blog
- 3.1 Remover plug-ins indesejados
- 3.2 Procure por plug-ins que fazem mais
- 3.3 Atualize seu plano de hospedagem
- 3.4 Escolha um tema melhor
- 3.5 Otimize suas imagens
- 3.6 Desativar Hotlinking
- 3.7 Investir em um CDN
- 3.8 Reduza seus códigos
- 3.9 Evite recursos de bloqueio de renderização
- 3.10 Reduza o número de postagens em sua página inicial
- 3.11 Não inundar os leitores com anúncios
- 3.12 Limpe o seu servidor
- 3.13 Habilitar cache de site
- 3.14 Use compressão GZIP
- 3.15 Otimize o banco de dados do seu site
- 3.16 Otimize os comentários do usuário
- 3.17 Otimização do foco em suas páginas principais
- 4. Conclusão
Por que a velocidade de carregamento da página é importante
Além de melhorar a experiência do usuário, uma velocidade de carregamento rápida também oferece vários benefícios do ponto de vista de marketing.
Reter mais tráfego
As estatísticas mostram que cerca de 40% dos usuários deixariam um site que não carregava em três segundos ou menos. Este número salta para 53 por cento se estivermos falando de usuários móveis.
E você se pergunta por que seu blog tem uma taxa de rejeição tão abismal.
Se você continuar ignorando a velocidade de carregamento do seu blog, estará basicamente reduzindo o potencial de tráfego pela metade.
Aumente as conversões
Você sabia que um atraso de um segundo no tempo de carregamento causa uma queda de 7% nas conversões?
Para colocar as coisas em perspectiva, é uma perda de US $ 7 cada vez que você obtém conversões no valor de US $ 100.
Pode não parecer enorme, mas lembre-se de que os sites de seus concorrentes estão a apenas alguns cliques de distância.
Uma vez que os leitores mudem para um blog diferente com melhor experiência do usuário, eles nunca mais olharão para trás.
Classificações mais altas do mecanismo de pesquisa
Caso você não saiba, mecanismos de busca como o Google são muito específicos no que diz respeito à experiência do usuário.
É por isso que eles consideram a velocidade de carregamento um fator importante de classificação não apenas para computadores, mas também para sites móveis.
Se você não está familiarizado com o termo SEO ou Search Engine Optimization , sugiro que comece a aprender usando este post.
Por enquanto, deixe-me mostrar a você a próxima etapa para obter um desempenho de blog de alto nível: medir a velocidade real de carregamento do seu blog.
Como testar a velocidade de carregamento do site
Você pode pensar que seu site já funciona rápido o suficiente, mas apenas uma ferramenta como o PageSpeed Insights do Google pode provar isso.
Simplificando, é uma ferramenta de otimização de desempenho que analisa a velocidade do seu site, detecta problemas que afetam a velocidade e fornece uma lista de sugestões junto com recursos úteis.
Para usar o PageSpeed Insights, vá em frente e insira o URL do seu blog e clique em 'Analisar'.
Dê ao PageSpeed Insights alguns segundos para fazer sua mágica funcionar.
Quando terminar, a primeira coisa que você encontrará é uma avaliação detalhada do desempenho do seu site, incluindo sua pontuação de velocidade, fatores que afetam a velocidade de carregamento e a latência estimada ou o atraso antes que as entradas do usuário possam ser registradas.
Você também pode usar o PageSpeed Insights para obter desempenho em celulares, alternando para a guia 'Celular' . A ferramenta deve apresentar imediatamente um relatório diferente que reflete o desempenho do seu blog em smartphones e tablets.
Já encontrou sua pontuação de velocidade?
De agora em diante, aconselho você a usá-los como seu principal meio de medir o desempenho do seu site.
Seu objetivo é simples: realizar quantas otimizações forem necessárias para chegar ao fim “rápido” da escala de pontuação de velocidade.
Deixe-me mostrar do que estou falando.
Você pode ler em algum lugar que uma pontuação de velocidade de pelo menos 85 é boa o suficiente, o que na verdade é bastante verdadeiro, visto que mesmo grandes sites como o Facebook têm pontuações abaixo de 90.
Mas, como uma marca em ascensão tentando fazer uma marca em seu nicho, se contentar com “ bom o suficiente ” nunca é uma opção.
Você deve sempre abraçar as oportunidades que o ajudarão a ficar à frente da concorrência.
Melhorar a experiência do usuário em seu site aumentando a velocidade de carregamento é uma dessas oportunidades.
Pronto para dar o próximo passo? Então vamos ao que interessa.
Como reduzir o tempo de carregamento do blog
Agora que cobrimos o “ porquê ” da otimização da velocidade de carregamento da página, é hora de falar sobre o “ como. ”
Se você sabe uma coisa ou duas sobre desenvolvimento web, seguir as recomendações mostradas no PageSpeed Insights deve impulsionar sua campanha de otimização de desempenho. Você deve ser capaz de encontrá-los logo abaixo da seção “ Dados de laboratório ”.
Naturalmente, as sugestões que você receberá no PageSpeed Insights dependem do estado geral do seu site. A maioria das recomendações de otimização comuns, entretanto, será incluída na lista de estratégias que elaborei abaixo.
Sem mais delongas, aqui estão as etapas comprovadas para um blog muito mais rápido e lucrativo:
1. Remova plug-ins indesejados
Plataformas de publicação de blogs e sistemas de gerenciamento de conteúdo como o WordPress geralmente suportam cargas de plug-ins prontos para uso, o que facilita a implementação de todos os tipos de recursos.
Você pode apresentar um widget de reserva online, criar formulários de opt-in personalizados, construir páginas de destino impressionantes - sem escrever uma única linha de código o tempo todo. Basta usar a barra de pesquisa integrada para encontrar rapidamente um plugin que atenda às suas necessidades.
Fale sobre conveniência.
No entanto, a utilização de plug-ins pode ser uma faca de dois gumes.
Você não pode simplesmente carregar seu site com quantos plug-ins desejar.
Muitos plug-ins em uma página podem consumir recursos do servidor e tornar o seu site um rastreamento lento.
Se você nunca prestou muita atenção à sua biblioteca de plug-ins, é provável que tenha instalado plug-ins redundantes com recursos básicos semelhantes.
Você pensaria que o WordPress irá avisá-lo se você estiver prestes a instalar vários plug-ins do mesmo tipo.
Infelizmente, esse não é o caso.
Basta dar uma olhada nos vários criadores de formulários que posso enfiar em meu painel do WordPress:
A boa notícia é que os conflitos entre plug-ins semelhantes podem ser facilmente corrigidos desativando aqueles de que você não precisa mais.
Para fazer isso, expanda o menu 'Plug-ins' do seu painel e vá para 'Plug-ins instalados'. A partir daí, selecione todos os plug-ins que você não precisa e aplique os comandos 'Desativar' ou 'Excluir' do menu suspenso “Ações em massa”.
Além de conflitos entre plug-ins semelhantes, certos plug-ins - especialmente aqueles não testados com sua versão atual do WordPress - podem fazer seu painel enlouquecer.
Você pode evitar isso instalando um plug-in por vez, evitando plug-ins “ não testados ”.
Se você enfrentar tempos de carregamento mais longos, travamentos ou outros problemas no painel do WordPress, desative o último plug-in instalado. Se o problema persistir, provavelmente é causado por outro plug-in.
É quando você pode desativar todos os plug-ins e ligá-los um por um até encontrar o culpado. Depois de fazer isso, considere procurar um plugin alternativo ou atualizá-lo para a versão mais recente.
2. Procure por plug-ins que fazem mais
Enquanto estamos nos plug-ins, vamos dar uma rápida palavra sobre suas escolhas de plug-ins.
No WordPress, quanto menos plug-ins, melhor.
Tanto quanto possível, procure plug-ins que possam ter várias funções, em vez de instalar um novo para cada recurso que você deseja implementar.
Por exemplo, em vez de usar plug-ins separados para formulários de contato, avaliações com estrelas, comentários e design de página de aterrissagem, apenas use um plug-in como o Construtor de Páginas Elementor que reúne todos esses recursos em um.
Depois de eliminar o excesso de plug-ins de seu CMS, vamos examinar outro fator que pode fazer com que seu site funcione lentamente.
3. Atualize seu plano de hospedagem
Para novos blogueiros, é realmente difícil resistir a um plano de hospedagem de um dólar para o seu site.
Mas assim que começar a gerar centenas, senão milhares, de visitantes por mês, você entenderá por que as empresas de hospedagem oferecem planos nessa faixa de preço.
Lentidão frequente, tempos de inatividade, suporte ao cliente insatisfatório - essas são algumas das desvantagens de escolher uma solução barata de hospedagem na web. Isso ocorre principalmente porque os serviços de hospedagem de um dólar normalmente usam hardware de servidor básico de baixa potência.
'Se você leva blogs a sério, seu site merece algo melhor do que o plano de hospedagem mais barato.' - Ankit Singla
Faça sua pesquisa e procure empresas de hospedagem na web apoiadas por muitas avaliações positivas, como:
- BlueHost
- HostGator
- SiteGround
- WPXHosting
Em caso de dúvida, você pode usar uma ferramenta como o Pickuphost para testar a velocidade de qualquer host que estiver considerando. Tudo o que você precisa fazer é escolher seu provedor de hospedagem no menu suspenso, selecionar o local do servidor e clicar em 'Iniciar teste'.
Idealmente, você deve escolher o local do servidor próximo ao seu público-alvo.
Você também pode notar que a maioria das empresas de hospedagem oferece vários planos, incluindo compartilhado, Servidor Virtual Privado ou VPS e dedicado.
Para a maioria dos blogs, um plano de hospedagem VPS deve ser mais do que suficiente para atender às necessidades de largura de banda do seu site. Um plano de hospedagem compartilhada, por outro lado, também pode ser viável se você ainda não estiver recebendo uma multidão de tráfego.
Eu recomendo começar com uma hospedagem compartilhada primeiro e atualizar para um plano VPS assim que o tráfego do seu blog aumentar.
Talvez a única razão para escolher a hospedagem dedicada seja o seu site também apresentar uma loja online com centenas de produtos. Nesse caso, mesmo um host VPS pode não ter a capacidade de largura de banda necessária para manter sua loja digital em funcionamento.
4. Escolha um tema melhor
Por falar em largura de banda, você pode reduzir os requisitos de largura de banda do seu site escolhendo um tema mais simples e minimalista.
Os usuários do WordPress devem entender imediatamente o que estou falando.
Afinal, a biblioteca de temas do WordPress já possui vários temas minimalistas gratuitos. Até mesmo designers de tema de terceiros apresentam toneladas de temas leves que podem melhorar o desempenho do seu site.
A chave aqui é procurar temas que não estejam repletos de detalhes visuais desnecessários, como controles deslizantes de imagem, animações e efeitos CSS.
Você mesmo pode verificar esses elementos visualizando os temas, que é um recurso básico na maioria dos mercados de temas, incluindo o diretório de temas do WordPress.
Os temas infantis Genesis da Studiopress estão entre os meus temas favoritos para WordPress. Eles oferecem dezenas de temas minimalistas e otimizados para dispositivos móveis que também são compatíveis com o editor Gutenberg , que é o editor de conteúdo padrão para WordPress versão 5.0 e posterior.
Mais importante, esses temas o ajudarão a atingir velocidades de carregamento mais rápidas para seu site.
Para aprender mais sobre os temas do Gênesis e seus benefícios, você deve definitivamente dar uma olhada nesta análise.
5. Otimize suas imagens
Nem todos os elementos visuais que afetam o desempenho do seu site estão incluídos no seu tema.
Cada imagem que você carrega em seu site, seja o logotipo do site, imagens em destaque, botões ou infográficos, aumenta os requisitos de largura de banda do seu blog e, portanto, afeta o desempenho.
Mas como o conteúdo visual é obrigatório em todos os blogs, você não pode simplesmente parar de incrementar suas postagens com imagens. Em vez disso, você pode usar uma ferramenta de compactação de imagem como Kraken.io para reduzir o tamanho das imagens sem nenhuma alteração perceptível na qualidade.
Kraken.io vem com uma ferramenta gratuita de compressão sem perdas baseada em nuvem que pode otimizar imagens em massa. Simplesmente arraste e solte suas imagens na ferramenta ou carregue uma pasta compactada para iniciar o processo de compactação.
Não se esqueça de definir o modo de compressão para “ Lossless ” para que as imagens finais não pareçam borradas.
Para blogueiros auto-hospedados, você pode aumentar a velocidade do WordPress com um plugin como WP Smush para compactar todas as imagens em sua biblioteca de mídia de uma só vez. Basta clicar em 'Smush' no painel e em 'Bulk Smush Now' para começar.
WP Smush também oferece a opção de compactar imagens automaticamente assim que forem carregadas. Para habilitar esse recurso, ative 'Smush automático' na seção “Configurações” da interface do plugin.
Lembre-se de que a compactação de imagens é apenas uma das coisas que você deve fazer se for um fã de conteúdo visual - assim como eu. Como tal, recomendo que você leia meu guia detalhado sobre otimização de imagens e SEO.
6. Desativar Hot Linking
Mesmo com a compactação sem perdas, suas imagens ainda podem consumir os recursos do servidor e tornar o site lento devido ao hotlinking.
Essa é uma prática comum em que outro site cria um link direto para sua imagem ou arquivo - permitindo que eles exibam esses recursos em sua própria página.
Claro, ter seu conteúdo compartilhado em outros sites é ótimo quando feito da maneira certa. Mas com o hotlinking, esses sites usam a largura de banda pela qual você pagou puxando conteúdo do seu site.
É por isso que o hotlinking também é comumente conhecido como roubo de largura de banda .
Você pode parar de fazer hotlinking de uma vez por todas, adicionando o seguinte código ao seu “arquivo .htaccess”:
gzip on;
gzip_disable “msie6”;
gzip_vary on;
gzip_proxied any;
gzip_comp_level 6;
gzip_buffers 16 8k;
gzip_http_version 1.1;
gzip_types application / javascript application / rss + xml application / vnd.ms-fontobject application / x-font application / x-font-opentype application / x-font-otf application / x-font-truetype application / x-font-ttf application / x-javascript application / xhtml + xml application / xml font / opentype font / otf font / imagem ttf / svg + imagem xml / texto do ícone x / texto css / texto javascript / texto simples / xml;
Para quem não sabe onde encontrar o arquivo .htaccess de seu site, ele pode ser encontrado no painel de controle da sua conta de hospedagem.
O que você precisa fazer é procurar o “ gerenciador de arquivos ” do seu serviço de hospedagem e navegar até a pasta raiz do seu site. Seu arquivo .htaccess deve estar ali com um ícone semelhante a um bloco de notas:
7. Invista em um CDN
Terminou a compressão de imagem e prevenção de hotlinking?
Boa.
E se eu dissesse que existe uma maneira de fazer suas imagens carregarem ainda mais rápido?
Com uma Content Delivery Network ou CDN, você pode aproveitar uma rede inteira de servidores proxy para acelerar a velocidade de transferência dos dados do seu site para os usuários.
A melhor parte é que os provedores de serviços CDN cuidam para que seus servidores sejam distribuídos em locais importantes ao redor do globo. Isso reduz significativamente o problema de latência que os visitantes de áreas distantes normalmente experimentam.
Assim como os hosts da web, você precisa ter cuidado ao escolher um CDN para o seu blog.
Não se preocupe - criei uma lista dos melhores serviços CDN para blog WordPress que você pode usar.
Posso garantir pessoalmente o MaxCDN, que é, de longe, um dos melhores CDNs em termos de custo e recursos.
8. Reduza seus códigos
Suas imagens não são as únicas coisas que podem aumentar os requisitos de largura de banda do seu site.
Códigos como HTML, CSS e JavaScript também podem contribuir para o tamanho de suas páginas da web.
O conserto? Reduza- os removendo todos os caracteres desnecessários do código, como espaços em branco, linhas extras e comentários.
Esses caracteres não afetam, de forma alguma, a função do código, mas aumentam o tamanho do arquivo. Por sua vez, os navegadores levarão mais tempo para baixar e executar o código ao carregar sua página.
Espere um minuto - isso significa que você precisa examinar cada código em seu site para remover caracteres desnecessários um por um?
Acalme-se.
Assim como na compactação de imagens, existem ferramentas que você pode usar para automatizar esse processo.
Minify Code, por exemplo, é uma ferramenta gratuita que pode cortar seus códigos em segundos. Funciona com qualquer arquivo JavaScript, CSS e HTML que você possa ter em seu site.
Se você usa o WordPress, uma alternativa é usar um plugin como W3 Total Cache, que pode reduzir seus ativos de código de uma só vez.
Depois de instalado, clique em 'Desempenho' no painel principal e clique em 'Minificar' para visualizar suas opções.
Recomendo ativar as seguintes configurações para otimizar o código do seu site e melhorar o desempenho:
- Configurações de redução de HTML
- JS minify settings
- CSS minify settings
Leia este tutorial do W3 Total Cache para todas as configurações ideais.
9. Evite recursos de bloqueio de renderização
Já que estamos no tópico de códigos, vamos nos aprofundar em coisas mais avançadas.
Se você executou o PageSpeed Insights e foi instruído a “eliminar recursos de bloqueio de renderização”, pode ser necessário sujar as mãos com alguns códigos para maximizar o desempenho do seu blog.
Resumindo, os recursos de bloqueio de renderização são códigos que obstruem o carregamento do conteúdo HTML principal de um site. Isso significa que seu logotipo, menus, postagens e outros elementos essenciais de sua página não serão carregados a menos que os recursos problemáticos sejam carregados.
Os recursos de bloqueio de renderização podem ser folhas de estilo, importações de HTML e vários scripts. O PageSpeed Insights deve fornecer uma lista completa desses códigos:
Para lidar com recursos de bloqueio de renderização, a etapa mais fácil é mover o JavaScript para a parte inferior do HTML do seu site - logo antes da tag de fechamento “</body>”.
Você também pode usar o atributo “defer” para que o script seja carregado somente após o HTML ter sido totalmente carregado. Isso pode ser feito inserindo defer = ”defer” na tag “<script>”.
Confira esta postagem para obter mais informações sobre recursos de bloqueio de renderização e o que você pode fazer para otimizá-los.
Obviamente, você sempre pode obter ajuda de um desenvolvedor da web se não se sentir confortável trabalhando com códigos. Alternativamente, você pode usar um plugin como Autoptimize para adiar scripts automaticamente para o rodapé do seu site - outro plugin de otimização de velocidade do WordPress que torna seu trabalho cem vezes mais fácil.
10. Reduza o número de postagens em sua página inicial
A seguir, vamos falar sobre o número de postagens exibidas em sua página inicial.
CMS como o WordPress e as plataformas de publicação de blog geralmente têm uma infinidade de temas que mostram as postagens do blog desde o início.
Se você usar imagens em destaque de alta qualidade para cada postagem, os usuários inevitavelmente precisarão de mais tempo para carregar sua página inicial.
Eu pessoalmente exibo apenas quatro postagens na minha página inicial para uma boa medida:
É verdade que os navegadores podem exibir os títulos das suas postagens - às vezes incluindo uma descrição ou as primeiras linhas do seu conteúdo - enquanto as imagens estão sendo carregadas. Mas isso ainda diminui a fluidez geral da experiência do usuário em seu site.
No lado positivo, a maioria das plataformas de sites e CMS permitem que você reduza o número de postagens exibidas em sua página inicial.
Como as configurações que você precisa ajustar variam de plataforma para plataforma, vamos apenas dar uma olhada em como isso é feito no WordPress.
No painel principal, clique em 'Configurações' e vá para a seção 'Leitura' .
Você deve ver imediatamente a configuração “As páginas do blog são exibidas no máximo ”. Sinta-se à vontade para ajustar o valor padrão para qualquer número menor e verificar se isso melhora a velocidade de carregamento do seu site.
11. Não inundar os leitores com anúncios
Embora as visualizações de postagens em sua página inicial possam afetar negativamente a velocidade de carregamento, pelo menos elas têm um benefício positivo para a experiência de seus leitores.
Anúncios, no entanto, muitas vezes não.
Embora seja verdade que os anúncios são definitivamente úteis para monetizar um blog, seus leitores provavelmente não apreciarão se você interromper a experiência deles com vários anúncios em uma única página. Mais importante ainda, a configuração de anúncios em todos os cantos de seu site causará uma queda no desempenho.
Dito isso, é melhor permitir que seu público se concentre nos elementos importantes do seu blog e mantenha os anúncios no mínimo.
Eu, por exemplo, não estou disposto a comprometer a experiência dos meus leitores em prol de uma renda extra - como você pode ver no meu site com absolutamente zero anúncios.
Se eu fosse você, simplesmente priorizaria os links de afiliados como minha principal estratégia de monetização. Esses são links contextuais que apontam para produtos ou serviços que podem ser úteis para os usuários.
Como você ganha dinheiro com marketing de afiliados?
Boa pergunta.
Você pode consultar meu guia de marketing de afiliados se estiver interessado.
12. Limpe o seu servidor
Neste ponto, você já deve ter entendido a correlação entre a velocidade de carregamento e a quantidade de desordem em seu site.
É muito simples: se você mantiver seu blog minimalista e leve, os navegadores não levarão muito tempo para carregar e apresentar tudo aos usuários.
Sempre seja prudente ao adicionar mais elementos ao seu site, seja conteúdo visual, scripts ou anúncios. Ao mesmo tempo, certifique-se de que sua conta de hospedagem ainda tenha amplo espaço em disco para manter seu site funcionando perfeitamente.
Sua conta de hospedagem deve ter uma ferramenta interna que permita rastrear o uso geral do disco. Para se ter uma ideia, aqui está uma captura de tela da ferramenta Disk Space Usage do SiteGround:
Se sua conta de hospedagem estiver com pouco espaço, aqui estão algumas coisas que você pode fazer:
- Mover backups para uma unidade local
Sites mais antigos tendem a ter gigabytes de backups armazenados em seu servidor de hospedagem. Baixá-los em uma unidade local e excluí-los do servidor é uma ótima maneira de liberar espaço. - Excluir contas inativas
Se você tiver contas inativas em seu plano de hospedagem, remova-as para economizar muito espaço em disco. Como este é um processo irreversível, considere a criação de um backup local da conta antes da exclusão. - Excluir arquivos .TMP
A plataforma do seu site ou CMS pode gerar arquivos temporários a partir de tarefas como atualizações de plugins e rastreamento de dados de sessão. Deve ser seguro excluí-los, mas também não fará mal criar um backup offline de sua pasta “tmp” para fins de segurança.
Em caso de dúvida, entre em contato com o suporte ao cliente do seu provedor de serviços de hospedagem para saber como economizar espaço em disco.
13. Habilite o cache de site
Compactando imagens, reduzindo códigos, reduzindo anúncios, limpando sua conta de hospedagem - a velocidade de carregamento de seu site deve ser a mais rápida de sempre com essas estratégias.
Mas não relaxe ainda. Ainda temos mais algumas estratégias para discutir que irão aumentar ainda mais a velocidade de carregamento do seu site.
Com o cache de site, seu blog pode carregar quase que instantaneamente para os visitantes de retorno.
O cache de site funciona permitindo o armazenamento temporário de dados, incluindo scripts, imagens, arquivos de mídia e outras formas de conteúdo para download - reduzindo assim o número de solicitações HTTP que um navegador precisa fazer.
Para implementar o armazenamento em cache do site, o método longo é inserir o código a seguir no início do arquivo .htaccess do seu site:
## EXPIRA CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image / jpg “acesso 1 ano”
ExpiresByType image / jpeg “acesso 1 ano”
ExpiresByType image / gif “acesso 1 ano”
ExpiresByType image / png “acesso 1 ano”
ExpiresByType text / css “acesso 1 mês”
ExpiresByType text / html “acesso 1 mês”
ExpiresByType application / pdf “access 1 month”
ExpiresByType text / x-javascript “acessar 1 mês”
ExpiresByType application / x-shockwave-flash “acesso 1 mês”
ExpiresByType image / x-icon “acesso 1 ano”
ExpiresDefault “acesso 1 mês”
</IfModule>
## EXPIRA CACHING ##
Se desejar, você pode definir limites de tempo diferentes antes que determinados caches expirem. Por exemplo, se você deseja reduzir o tempo de expiração dos caches de imagem PNG para 1 mês, basta modificar a linha “ExpiresByType image / png” para:
ExpiresByType image / png “acesso 1 mês ”
Novamente, os usuários do WordPress podem usar ferramentas para tornar essa estratégia de otimização uma brisa. Na verdade, já passamos pelo plugin de que você precisa - W3 Total Cache.
Voltando ao submenu 'Desempenho' do painel do WordPress, vá até 'Cache de página' e marque a caixa de seleção 'Página de postagens em cache' .
14. Use compressão GZIP
Antes de fechar o W3 Total Cache e prosseguir com as últimas estratégias restantes neste guia, há mais uma coisa que você deve fazer.
No submenu 'Desempenho' , vá para 'Cache do navegador' e marque a opção 'Ativar compactação HTTP (gzip)' .
A compactação GZIP melhora a velocidade de download de arquivos baseados em texto, reduzindo seu tamanho - não muito diferente do processo de compactar seus arquivos locais em uma pasta compactada. A principal razão pela qual a compactação GZIP é amplamente adotada para otimização de velocidade de sites é que ela é nativamente suportada por HTTP da versão 1.1 em diante.
Se você não usa WordPress ou qualquer outra plataforma que tenha add-ons relacionados ao GZIP, então você precisará habilitá-lo da maneira tradicional: modificando o arquivo .htaccess do seu site .
Como você já sabe onde encontrar seu arquivo .htaccess, tudo o que resta é o código que ativa a compactação GZIP em seu site.
Vá - copie e cole.
Servidores Apache
<IfModule mod_deflate.c>
# Comprime HTML, CSS, JavaScript, Texto, XML e fontes
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
# Remova bugs do navegador (necessário apenas para navegadores realmente antigos)
BrowserMatch ^ Mozilla / 4 gzip-only-text / html
BrowserMatch ^ Mozilla / 4 \ .0 [678] no-gzip
BrowserMatch \ bMSIE! No-gzip! Gzip-only-text / html
Cabeçalho anexar Vary User-Agent
</IfModule>
Servidores NGINX
gzip on;
gzip_disable “msie6”;
gzip_vary on;
gzip_proxied any;
gzip_comp_level 6;
gzip_buffers 16 8k;
gzip_http_version 1.1;
gzip_types application / javascript application / rss + xml application / vnd.ms-fontobject application / x-font application / x-font-opentype application / x-font-otf application / x-font-truetype application / x-font-ttf application / x-javascript application / xhtml + xml application / xml font / opentype font / otf font / imagem ttf / svg + imagem xml / texto do ícone x / texto css / texto javascript / texto simples / xml;
Lembre-se de que, para usuários NGINX, você precisa colar o código em seu arquivo “.conf” para implementar o GZIP.
Teste de compressão GZIP
Se você habilitou a compactação GZIP manualmente, use uma ferramenta como o Teste de compactação GZIP da GiftOfSpeed para verificar a implementação bem-sucedida.
Semelhante ao PageSpeed Insights, a única etapa no uso do Teste de compressão GZIP é inserir o URL do seu site e clicar no botão 'Verificar' .
Em segundos, a ferramenta deve verificar se a compactação GZIP está ou não ativada em seu site. Ele também mostrará sua porcentagem de compressão, junto com seus tamanhos antes e depois da compressão.
15. Otimize o banco de dados do seu site
Corrigir recursos de bloqueio de renderização e habilitar a compactação GZIP estão entre as estratégias mais avançadas neste post, mas ainda não terminamos.
A próxima etapa é otimizar suas tabelas de banco de dados MySQL para ajudar seu servidor a buscar os dados de que seus usuários precisam mais rapidamente.
O que são tabelas de banco de dados MySQL?
Em termos simples, seu banco de dados MySQL contém praticamente tudo o que há para ser encontrado em seu site, incluindo postagens, comentários, datas e outras partes de conteúdo. As plataformas de publicação de blogs e CMS como o WordPress criam tabelas automaticamente em seu banco de dados conforme você adiciona mais informações ao seu site.
Esta é a aparência de um banco de dados MySQL:
No entanto, seu banco de dados também acumulará todos os tipos de lixo ao longo do tempo, incluindo pingbacks, comentários de spam e revisões de postagem - crescendo continuamente em tamanho e afetando o desempenho do seu site.
Para desorganizar seu banco de dados MySQL, uma opção é usar a ferramenta de otimização de tabela integrada no painel de controle de sua conta de hospedagem.
O SiteGround, por exemplo, possui o comando 'Otimizar tabelas' do menu suspenso 'Com Selecionado:'
Essas opções podem ser encontradas na ferramenta “phpMyAdmin”, que deve estar na seção “Bancos de dados” do seu painel de controle.
Como regra geral, sempre crie backups de seus bancos de dados antes de realizar otimizações. Baixe-os em uma unidade local para economizar espaço em disco da sua conta de hospedagem.
Tem medo de bagunçar algo no seu servidor?
Com um plugin do WordPress como WP-Sweep, você pode otimizar suas tabelas de banco de dados a partir da interface CMS. Após instalar e ativar o plugin, vá em 'Ferramentas' e clique em 'Varredura' para visualizar as tabelas de banco de dados encontradas em seu site.
A partir daí, você pode clicar em 'Varredura' para itens individuais do banco de dados para excluí-los - ou rolar até a parte inferior da página do plug-in e clicar em 'Varredura tudo'.
Apenas certifique-se de não ter nenhum rascunho de postagem, pois uma varredura completa nas tabelas do banco de dados também os excluirá. Enquanto você está nisso, verifique seus comentários não aprovados para não remover acidentalmente perguntas, feedback valioso e outras preocupações expressas por seus leitores.
16. Otimize os comentários do usuário
Por falar em comentários, os blogs do WordPress também têm um recurso útil que pode instantaneamente puxar a foto do perfil do comentador por meio do serviço Gravatar ou Avatar Globalmente Reconhecido .
Embora os gravatares adicionem um toque especial à seção de comentários do seu blog, eles têm um impacto na velocidade de carregamento do seu site. Isso obriga alguns blogueiros do WordPress a desativar completamente a exibição deles.
Para fazer o mesmo, vá para 'Configurações' e clique em 'Discussão'. Procure a opção 'Mostrar Avatares' abaixo da seção “Exibição de Avatar” e desmarque-a.
Se você deseja manter gravatares, mas não gosta de seu efeito na velocidade de carregamento, você pode usar um plugin como o BJ Lazy Load para fazer os avatares carregar após recursos críticos do site - um processo conhecido como carregamento lento .
Além de avatares, você também pode habilitar o carregamento lento para miniaturas de postagem, imagens, iframes e outros tipos de conteúdo. Você só precisa ir em 'Configurações', selecionar 'BJ Lazy Load' e escolher 'Sim' nas opções que deseja usar.
No que diz respeito aos comentários do WordPress, outra dica sobre como aumentar a velocidade de carregamento da página é usar a paginação . Isso divide os comentários em suas postagens em várias páginas - reduzindo o tempo que os navegadores levam para carregá-los e renderizá-los.
Para usar a paginação, basta voltar à página de configurações de 'Discussão' e habilitar a opção 'Divida os comentários em páginas com X comentários de nível superior por página'.
Tente reduzir o número de comentários visíveis por página do valor padrão de 50 para algo em torno de 10. Isso deve melhorar significativamente o tempo de carregamento dos comentários e, por sua vez, o conteúdo do seu blog.
17. Concentre a otimização em suas páginas principais
Antes de terminarmos esta postagem, aqui vai um último conselho:
Comece a otimizar o desempenho de suas páginas mais populares .
Não fará sentido para você priorizar postagens que quase não recebem tráfego. Por outro lado, tornar suas páginas principais uma prioridade significa que seus esforços irão beneficiar a maioria dos usuários.
O Google Analytics é mais uma ferramenta gratuita que o ajudará a identificar suas páginas principais. Basta expandir o submenu 'Comportamento' e clicar em 'Visão geral' .
Suas 10 páginas principais devem estar visíveis na seção “Página”.
Fácil, certo?
Você também pode usar o Google Analytics para realizar pesquisas aprofundadas de palavras-chave - um tópico que abordei em minha postagem sobre como encontrar as palavras-chave de melhor desempenho com o Google Analytics.
Conclusão
Como um blogueiro, você deve estar preparado para fazer qualquer coisa pela experiência do usuário.
A velocidade de carregamento do seu site pode parecer um fator superficial, mas pode, por si só, fazer ou quebrar o sucesso do seu blog - não apenas de uma perspectiva de UX, mas também em termos de SEO.
Agora, sei que você não conseguirá aplicar todas as estratégias acima em um único dia. Dito isso, não se esqueça de marcar esta página e se juntar ao nosso grupo público no Facebook para obter mais guias de blogs matadores!
- Salve