Ver seu site WordPress carregar em ritmo de lesma pode ser incrivelmente frustrante. Depois de gerenciar centenas de sites aqui no WPBeginner, descobrimos que um dos maiores assassinos de velocidade é algo que você talvez nem veja: muitas requisições HTTP.
Cada requisição por uma imagem, script ou arquivo adiciona um pouco mais de tempo de carregamento, o que pode se acumular rapidamente e fazer com que os visitantes saiam. A boa notícia é que você não precisa ser um desenvolvedor para fazer uma grande diferença no desempenho do seu site.
Reunimos uma lista dos métodos exatos e amigáveis para iniciantes que usamos para reduzir essas requisições. Vamos percorrer os passos simples para tornar seu site visivelmente mais rápido.
Por que Reduzir Requisições HTTP no WordPress?
Você já se perguntou por que alguns sites demoram uma eternidade para carregar? Cada página do WordPress é como um quebra-cabeça feito de várias peças, como imagens, arquivos CSS, JavaScript, incorporações de vídeo e muito mais. Todos esses componentes precisam se juntar para que uma página apareça.
Imagine seu navegador como um garçom ocupado correndo para a cozinha para frente e para trás para coletar cada ingrediente separadamente. Isso pode atrasar as coisas, especialmente se o seu site for rico em recursos visuais e funcionalidades. Cada elemento aumenta o tempo de carregamento.
Além disso, nossos sites não dependem apenas do que está armazenado no servidor. Eles frequentemente puxam de fontes externas, como Google Analytics ou widgets de mídia social. Embora esses extras possam tornar seu site mais rico e interativo, se não forem otimizados, eles podem deixar seu site lento.
Esses elementos não otimizados podem se tornar um fardo pesado que frustra os visitantes que esperam carregamento rápido. Um site lento pode levar a um atraso de um segundo, custando conversões, visualizações de página e até mesmo a satisfação do cliente, como destacado por um estudo da Strange Loop.
Post Relacionado: O Guia Definitivo para Aumentar a Velocidade e o Desempenho do WordPress
É por isso que reduzir as requisições HTTP é importante. Como fizemos aqui no WPBeginner, focar nisso pode melhorar significativamente a velocidade do seu site, aumentar o engajamento do usuário e, finalmente, impulsionar seus negócios. Velocidade não é apenas uma vitória técnica, é uma vantagem estratégica.
Como Identificar Requisições HTTP
Antes de mostrarmos como reduzir as requisições HTTP no WordPress, vamos ver como você pode identificá-las.
Você pode facilmente visualizar as requisições HTTP feitas pelo seu site usando as ferramentas de desenvolvedor do seu navegador. Isso mostrará uma lista dos arquivos que precisam ser carregados para visualizar a página da web.
No Google Chrome, por exemplo, você pode abrir as ferramentas de desenvolvedor indo em Exibir » Desenvolvedor » Inspecionar. Você também pode clicar com o botão direito na página e selecionar 'Inspecionar' no menu.
Em seguida, navegue até a aba 'Network' (Rede). Recarregue a página e você verá uma lista de todos os recursos carregados, incluindo requisições HTTP internas e externas.
Para ver facilmente apenas requisições HTTP externas, procure a barra de ferramentas de filtro na parte superior do painel de Rede e marque a caixa rotulada 'requisições de terceiros'. Isso ocultará todos os arquivos carregados do seu próprio domínio.
Se você quiser ver apenas certos tipos de arquivos que podem impactar seus tempos de carregamento, como JS (JavaScript) ou CSS, basta usar os botões na parte superior para filtrar a lista.
Fique atento a arquivos que demoram para carregar. Você pode olhar a coluna 'Tempo' para ver quanto tempo cada um desses recursos leva para ser carregado. Em seguida, você pode clicar no cabeçalho desta coluna para classificar a lista por tempo, e clicar nela uma segunda vez colocará os arquivos de carregamento mais lento no topo.
Ao olhar para a quarta coluna 'Iniciador', você verá às vezes o nome do plugin ou tema que carregou o arquivo. Anote quaisquer plugins ou temas que solicitem arquivos de carregamento lento.
Você pode usar ferramentas de terceiros como Pingdom para obter um relatório mais detalhado. Para mais informações, confira nosso guia sobre como rastrear requisições de domínio de terceiros no WordPress.
Agora que você sabe como identificar requisições HTTP, vamos mergulhar nas maneiras mais eficazes de reduzi-las em seu site WordPress.
- Combine Arquivos CSS e JavaScript
- Carregamento Lento de Imagens e Vídeos
- Use um Sistema de Distribuição de Conteúdo (CDN)
- Aproveite o Cache do Navegador
- Minimize o Uso de Recursos Externos
- Bônus: Habilite a Compressão Gzip
- Perguntas Frequentes Sobre a Redução de Requisições HTTP
- Recursos Adicionais sobre Desempenho do WordPress
1. Combine Arquivos CSS e JavaScript
A melhor maneira de reduzir o número de requisições HTTP feitas ao seu site é reduzir o número de arquivos que precisam ser acessados. Você pode combinar vários arquivos para reduzir as requisições HTTP sem perda de funcionalidade.
Por exemplo, em vez de ter vários arquivos CSS para diferentes partes do design do seu site, você pode mesclá-los em um único arquivo. Este único arquivo conterá todo o código de estilo necessário, e o navegador precisará fazer apenas uma requisição em vez de várias.
Da mesma forma, você pode combinar vários arquivos JavaScript em um, reduzindo o número de requisições necessárias para carregar os elementos interativos do seu site.
Atenção: Embora combinar arquivos seja uma ótima prática, é útil saber que protocolos web modernos como o HTTP/2 podem carregar vários arquivos pequenos muito rapidamente, às vezes até mais rápido que um arquivo grande.
No entanto, para sites em hospedagens mais antigas ou para máxima compatibilidade, combinar e minificar arquivos continua sendo uma estratégia sólida para reduzir requisições. Ferramentas como o WP Rocket cuidam disso de forma inteligente para você! 👍
Vários plugins do WordPress podem automatizar esse processo para você. Opções populares incluem WP Rocket (premium) e Autoptimize (gratuito).
Para informações detalhadas sobre como usar esses plugins, consulte nosso guia sobre como corrigir JavaScript e CSS que bloqueiam a renderização no WordPress.
Além de combinar seus arquivos, esses plugins também os minificarão. Isso remove caracteres desnecessários, como espaços em branco e comentários, do código, tornando os arquivos menores sem afetar sua funcionalidade.
Isso melhora ainda mais a velocidade de carregamento, reduzindo a quantidade de dados que precisam ser baixados.
2. Carregamento Lento de Imagens e Vídeos
O carregamento preguiçoso (lazy loading) é outra ótima maneira de melhorar o desempenho do seu site, especialmente se suas páginas contiverem muitas imagens ou vídeos.
Vale notar que o WordPress carrega imagens preguiçosamente por padrão, o que é um ótimo começo. No entanto, plugins como o WP Rocket oferecem mais controle e também podem carregar preguiçosamente vídeos e iframes, o que pode fazer uma diferença ainda maior.
Normalmente, o WordPress carrega todos os arquivos de mídia antes de exibir uma página da web, mesmo que essas imagens ou vídeos estejam mais abaixo na página e não sejam imediatamente visíveis para o usuário. Isso pode aumentar significativamente o tempo de carregamento inicial da página.
O carregamento lento otimiza esse processo, atrasando o carregamento de imagens e vídeos até que eles estejam prestes a rolar para a visualização do usuário.
Estes tutoriais úteis ajudarão você a aprender como configurar o carregamento lento no seu site WordPress:
- Como Carregar Imagens Lentamente (Lazy Load) Facilmente no WordPress
- Como Adicionar Facilmente Carregamento Lento para Vídeos no WordPress
- Como Carregar Lento Gravatars em Comentários do WordPress
3. Use uma Rede de Distribuição de Conteúdo (CDN)
Usar uma Rede de Entrega de Conteúdo (CDN) é outra estratégia eficaz para melhorar a velocidade de carregamento do seu site WordPress, especialmente para usuários localizados longe do seu servidor web.
Ao contrário dos métodos anteriores, um CDN não reduz o número de requisições HTTP. Em vez disso, ele otimiza como essas requisições são tratadas.
Normalmente, os arquivos do seu site são armazenados em um único servidor web, e usuários de todo o mundo precisam solicitar arquivos dessa única localização.
Uma CDN armazena cópias dos arquivos do seu site em servidores rápidos localizados em todo o mundo, e eles são entregues ao navegador do usuário a partir do servidor mais próximo a ele.
Você pode gostar de ver nossa comparação especializada dos melhores serviços de CDN para WordPress para saber qual opção melhor se adapta ao seu site.
Na WPBeginner, usamos o Cloudflare para melhorar a velocidade de carregamento de nossas páginas, e você pode seguir nosso tutorial passo a passo sobre como configurar a CDN gratuita do Cloudflare no WordPress.
4. Aproveite o Cache do Navegador
Você também pode aproveitar o cache do navegador para reduzir as requisições HTTP ao seu site, especialmente se você tem usuários recorrentes que visitam seu site com frequência.
Quando um usuário visita seu site pela primeira vez, o navegador dele baixa todos os recursos necessários, como imagens, folhas de estilo e arquivos JavaScript. O cache do navegador permite que o navegador armazene cópias desses arquivos localmente no computador do usuário.
Da próxima vez que eles visitarem seu site, o navegador verifica seu cache local antes de fazer requisições HTTP ao seu servidor. Se uma cópia não expirada de um arquivo for encontrada no cache, o navegador usará o arquivo local em vez de baixá-lo novamente.
Isso reduz significativamente o número de requisições HTTP feitas ao seu servidor, resultando em tempos de carregamento mais rápidos para visitantes recorrentes.
No entanto, se o conteúdo do seu site for atualizado com frequência, é importante definir tempos de expiração apropriados para os recursos em cache. Isso garante que seus usuários eventualmente recebam as versões mais recentes de seus arquivos.
Você pode controlar por quanto tempo os recursos são armazenados em cache adicionando cabeçalhos de expiração no WordPress. Esses cabeçalhos informam ao navegador quando um arquivo em cache deve ser considerado desatualizado e precisa ser baixado novamente do seu servidor.
5. Minimize o Uso de Recursos Externos
Muitos plugins e temas do WordPress carregam recursos como scripts, folhas de estilo e imagens de sites externos, como Google Analytics, Facebook e provedores de fontes.
Essas requisições HTTP externas podem impactar a velocidade de carregamento do seu site, pois o navegador precisa se conectar a vários servidores para buscar todos os componentes necessários.
Mesmo que esses recursos externos sejam otimizados para velocidade, usar muitos deles pode desacelerar o desempenho do seu site.
Para reduzir essas requisições HTTP externas, você pode começar desativando e excluindo plugins e temas que você realmente não precisa.
Você também deve considerar encontrar alternativas para quaisquer plugins ou temas que solicitem arquivos de carregamento lento. Você pode ter notado alguns ao identificar requisições HTTP anteriormente.
E ao escolher plugins do WordPress, preste atenção aos recursos externos que eles carregam. Você vai querer optar por plugins que priorizem o desempenho e evitar aqueles que carregam scripts ou estilos externos excessivos.
Para um controle mais granular sobre os plugins, considere usar uma ferramenta de gerenciamento de plugins como o Plugin Organizer. Isso permite que você carregue plugins seletivamente apenas nas páginas onde eles são necessários.
Finalmente, fontes personalizadas da web são frequentemente carregadas de provedores externos, como o Google Fonts, e podem contribuir significativamente para as requisições HTTP. Você deve limitar o número de famílias de fontes e pesos que usa ou explorar o uso de fontes do sistema, que já estão instaladas nos computadores dos usuários.
Na WPBeginner, mudamos para fontes do sistema em 2021, melhorando nossos tempos de carregamento de página, especialmente para usuários com conexões de internet mais lentas. Você pode aprender a fazer o mesmo em nosso guia sobre como desativar o Google Fonts em seu site WordPress.
6. Bônus: Habilitar Compressão Gzip
Uma dica final é habilitar a compressão GZIP para reduzir o tamanho dos arquivos em seu servidor web.
Embora isso não reduza diretamente o número de requisições HTTP, acelera o processo e torna a transferência dos arquivos do seu site mais rápida.
Perguntas Frequentes Sobre a Redução de Requisições HTTP
Abaixo estão algumas das perguntas mais comuns que recebemos sobre otimização de requisições HTTP e melhoria da velocidade do site WordPress.
1. O que é uma requisição HTTP?
Uma requisição HTTP ocorre quando um navegador web solicita a um servidor uma informação necessária para carregar uma página web. Isso pode ser uma imagem, uma folha de estilo (arquivo CSS), um script (arquivo JavaScript) ou qualquer outra parte do seu site. Cada arquivo individual requer uma requisição separada.
2. Quantas requisições HTTP são muitas para um site?
Não há um número mágico único, pois depende da complexidade do seu site. No entanto, um bom objetivo para a maioria dos sites de pequenas empresas é ficar abaixo de 50-60 requisições por página. Quanto menos requisições seu site precisar fazer, mais rápido ele geralmente carregará para seus visitantes.
3. Qual é a maneira mais fácil para um iniciante reduzir as requisições HTTP?
Para iniciantes, o método mais fácil é usar um plugin de cache e otimização como o WP Rocket. Ele pode combinar automaticamente arquivos CSS e JavaScript com apenas alguns cliques, o que reduz significativamente o número de requisições sem que você precise tocar em nenhum código.
4. Uma CDN reduz o número de requisições HTTP?
Não, uma Rede de Distribuição de Conteúdo (CDN) não reduz o número real de requisições. Em vez disso, ela as torna muito mais rápidas. Uma CDN armazena cópias dos seus arquivos em servidores ao redor do mundo, então, quando o navegador de um usuário solicita um arquivo, ele é entregue do local mais próximo possível, reduzindo o tempo de carregamento.
Recursos Adicionais sobre Desempenho do WordPress
Esperamos que este tutorial tenha ajudado você a aprender como reduzir as requisições HTTP no WordPress. Você também pode conferir nossos outros guias especializados para melhorar a velocidade e o desempenho do site.
Testando e Diagnosticando a Velocidade do Seu Site
- Como Executar Corretamente um Teste de Velocidade de Site
- Como Usar o GTmetrix para Melhorar o Desempenho do Site
- Como Testar a Carga de um Site WordPress
Melhorias Essenciais de Desempenho
Técnicas Avançadas de Otimização
Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.
Tem alguma pergunta ou sugestão? Por favor, deixe um comentário para iniciar a discussão.