Como fazer menos solicitações HTTP no site WordPress

A velocidade é o fator crítico que determina a classificação dos sítios nos motores de busca. Bem, tanto os motores de busca como os utilizadores adoram os sítios Web que carregam rapidamente, porque um sítio Web rápido oferece uma experiência de utilizador excecional. Assim, é um fator de classificação significativo. Se a velocidade de carregamento do seu sítio for relativamente lenta e o sítio não estiver a ter o desempenho esperado, uma possível razão pode ser o aumento dos pedidos HTTP.

Se é muito novo no universo dos sítios Web ou precisa de aprender mais sobre os pormenores dos sítios Web, deve saber que mais pedidos HTTP tornam os sítios Web mais lentos. Reduzir o número de pedidos HTTP pode melhorar o tempo de carregamento dos sítios Web. Está a pensar como? Nós tratamos disso.

Vamos falar sobre várias formas à prova de falhas que ajudarão a reduzir os pedidos HTTP e a aumentar o desempenho e a velocidade do seu sítio Web.

O que é um pedido HTTP?

O HTTP é um protocolo de comunicação seguido quando um utilizador pede informações online. O servidor fornece dados e conteúdos como CSS, ficheiros HTML, imagens, vídeos, etc., ao utilizador através da Internet.

A Web é um espaço extenso com muitos conteúdos ou informações alojados nos servidores. Quando um utilizador tenta aceder às informações disponíveis na Internet, o navegador envia pedidos e recebe respostas.

Sem um pedido, não é possível estabelecer uma comunicação eficaz entre o utilizador e o servidor. Por conseguinte, um pedido HTTP é uma camada de comunicação entre o servidor e o utilizador. O servidor cliente envia uma mensagem conhecida como HTTP (protocolo de transferência de hipertexto) e estrutura a mensagem de solicitação em três partes diferentes: o cabeçalho, a linha de solicitação e o corpo.

Relativamente à velocidade e ao desempenho do seu site WordPress, com base nos pedidos HTTP, deve conhecer os seguintes valores.

• Um sítio Web é saudável e tem um desempenho adequado quando os pedidos HTTP são mantidos abaixo de 50 por cada página.

• Um sítio Web apresenta um desempenho excelente quando o número de pedidos é inferior a 25 por página.

• O número médio de pedidos HTTP aceites é de 70, e o sítio Web terá um desempenho decente.

Recomenda-se que mantenha o seu sítio Web saudável, uma vez que demasiados pedidos HTTP o tornam mais lento. Vamos analisar a razão por trás da manutenção de um desempenho saudável para o seu sítio web.

Porque é que é necessário reduzir os pedidos HTTP?

Uma das principais razões para reduzir as solicitações HTTP feitas pelo site é manter seu desempenho e velocidade. No entanto, se você se aprofundar nos detalhes, saberá que 80% do tempo de resposta de um site geralmente é gasto no próprio front-end. Mas, alguns dos aspectos significativos que afectam o tempo de carregamento de um sítio Web são as folhas de estilo, os scripts, as imagens, etc.

Estes componentes são essenciais para a apresentação do conteúdo, e o que demora é o estabelecimento da comunicação entre o utilizador e o servidor. Assim, outra das principais razões para reduzir o número de pedidos HTTP efectuados é manter saudáveis os elementos vitais do seu sítio Web.

Se resumirmos as razões significativas por trás da redução das solicitações HTTP, o resultado é o seguinte.

• Mais arquivos em seus sites WordPress resultam em fazer muitas solicitações HTTP.

• Solicitações HTTP mais longas aumentam o tempo real de carregamento de um site.

• Ficheiros maiores e mais pesados no sítio Web fazem pedidos HTTP mais longos.

• Reduzir as solicitações HTTP tem um impacto positivo no seu LCP.

Agora que já sabemos o que é essencial para reduzir o número de pedidos HTTP, deve também compreender que o browser permite obter informações do seu sítio Web.

Vamos rever algumas formas de os reduzir.

Formas de fazer menos pedidos HTTP ao seu sítio web

Saiba que poucos pedidos HTTP significam que haverá menos bytes para descarregar. No entanto, a tarefa é mais desafiadora do que parece. Pelo contrário, a otimização é assustadora.

Pesquisámos alguns dos melhores métodos para reduzir os pedidos HTTP que o servidor tem de fazer. A lista inclui formas totalmente comprovadas de reduzir os pedidos HTTP com a ajuda de plugins e também uma abordagem manual.

Sem mais delongas, vamos começar.

Usando CSS Sprites para combinar imagens

Usar sprites CSS é uma das melhores maneiras de reduzir as solicitações HTTP feitas para recursos de imagem. Infelizmente, todos os ficheiros CSS utilizados no seu sítio Web são bloqueadores de processamento, o que significa que quanto mais ficheiros CSS adicionar, mais pesado se tornará e mais lento será o sítio Web.

Para evitar este problema, combine todas as imagens do seu sítio Web num único ficheiro e optimize-as, se necessário. Depois de o fazer, pode agora utilizar o truque dos sprites CSS, no qual terá de utilizar CSS para apresentar apenas uma parte da imagem, quando necessário. Estão disponíveis na Internet algumas ferramentas baseadas na Web. Com a ajuda destas ferramentas potentes, pode otimizar as suas imagens.

Alguns dos melhores exemplos de ferramentas amplamente utilizadas incluem a ferramenta CSS Sprites, CSS Sprite Editor e outras.

Ativar o carregamento lento de imagens

O carregamento lento é um recurso que adia o carregamento de imagens fora da janela de visualização do navegador. Mas, quando um utilizador visita o seu site e não se desloca até ao fundo do ecrã, as imagens aí colocadas não serão carregadas. Isto pode ser conseguido com a ajuda de um script de carregamento lento. O número de pedidos HTTP é reduzido, uma vez que as imagens colocadas acima da dobra serão carregadas para um sítio Web.

Pode pedir ao seu programador que inclua o script de carregamento lento no seu sítio Web ou utilizar um plugin. Por exemplo, o WP Rockets oferece uma funcionalidade de carregamento lento que apresentará o conteúdo da parte que está presente acima da dobra quando utilizada no seu sítio Web.

Além disso, vários outros plugins oferecem carregamento preguiçoso para sites WordPress. Assim, você pode verificá-los online para ver qual é o mais adequado. Confira este artigo para saber como acelerar sites lentos.

Substituir os plugins mais pesados por outros mais leves

Uma maneira mais segura de reduzir o número de solicitações HTTP é verificar o tamanho dos plugins instalados em seu site. Uma das razões por detrás do abrandamento do seu sítio Web pode ser o facto de um ou mais plugins trabalharem mais para o seu sítio Web e gerarem mais pedidos HTTP.

Para identificar um plugin como leve ou pesado, é necessário garantir alguns aspectos, como o profissionalismo e a qualidade do código, a eficiência da execução do código, as funcionalidades e o tamanho do ficheiro.

Existem algumas outras formas de marcar os plugins que tornam o seu sítio Web mais lento. Depois de identificar esses plug-ins, pode sinalizá-los. Siga um diagnóstico de 5 etapas mencionado abaixo para decidir melhor;

1. Utilize uma ferramenta chamada Pingdom para efetuar um teste de desempenho do seu sítio Web e verificar o número de pedidos HTTP que este tem de fazer. Além disso, anote a pontuação obtida.

2. Active um plugin, A, e volte a executar o teste. Pode então anotar a sua pontuação.

3. Desactive o primeiro plugin, instale outro plugin, B, e repita a mesma auditoria.

4. Compare os pedidos HTTP que cada plug-in faz e veja qual deles faz mais.

5. Se um fizer menos pedidos do que o outro, elimine o mais pesado e mantenha o mais leve. Terá muitas alternativas disponíveis que farão o mesmo trabalho, mas são opções mais leves.

Reduzir os scripts externos no seu sítio Web

Sempre que um script de terceiros é carregado no seu sítio Web, é necessário efetuar pedidos HTTP. Dito isto, se reduzir o número de scripts de terceiros, os pedidos efectuados também serão reduzidos.

Por outro lado, mais pedidos HTTP tornam o seu sítio Web mais lento, afectando o seu desempenho. Por conseguinte, deve acompanhar todas as integrações do seu sítio Web com terceiros para identificar os activos que tornam o seu sítio Web mais lento.

Vários pedidos HTTP forçam os recursos a serem obtidos na rede, e você quer garantir que o desempenho do seu site seja mantido. Confira este artigo para saber como reduzir o tempo de resposta do servidor no WordPress.

Os scripts externos de que estamos a falar provêm normalmente de pixéis do Facebook, tags do Analytics, botões de partilha social, vídeos do YouTube, tags de testes A/B e outras fontes. Para melhorar o desempenho do seu site, é fundamental identificar os arquivos que estão aumentando o número de solicitações. Pode otimizar os pedidos de terceiros manualmente ou utilizar um plug-in para o mesmo.

Reduzir HTML, CSS e JavaScript

A multiplicação de códigos HTML, CSS e Javascript ajuda a remover espaços em branco desnecessários, comentários e caracteres indesejados. Além disso, ajuda a reduzir o tamanho dos ficheiros, tornando-os assim mais leves.

A técnica pode ser aplicada a todos os três ficheiros: HTML, CSS e Javascript. O mesmo não terá impacto na entrega aos utilizadores finais, uma vez que se trata de limpar o código no backend.

Pode minificar os ficheiros manualmente, online, ou também com a ajuda de uma ferramenta ou plugin.

• Para reduzir os ficheiros HTML, pode abrir a folha de código e remover todos os elementos indesejados, como comentários, quebras de linha, etc., e o seu ficheiro ficará mais leve.

• Para minimizar ficheiros CSS, remova todos os espaços e comentários extra. Além disso, é necessário remover a classe, encurtar o ID e remover os nomes das variáveis na medida do possível.

• Tem de remover os espaços extra e os comentários JS do código-fonte para minimizar os ficheiros JS. Além disso, transforme todas as matrizes em objectos, procure respostas para as expressões constantes básicas e optimize a sua declaração condicional para obter os melhores resultados.

Em alternativa, ao utilizar um plugin para minificar os seus ficheiros, tem de marcar as caixas dos ficheiros que pretende minificar e a tarefa é realizada automaticamente. Se utilizar o WP Rocket para o processo, tem uma secção separada para otimizar ficheiros.

Combinar CSS e Javascript

Sem dúvida, um dos métodos mais fáceis de reduzir os pedidos HTTP gerados pelo seu site é combinar os seus ficheiros CSS e Javascript. Infelizmente, os plugins e temas do WordPress requerem o carregamento de inúmeras folhas de estilo JS e CSS. Para isso, o browser tem de carregar todos os recursos para renderizar as páginas Web. Isto acaba por resultar no aumento do número de pedidos HTTP.

Existem várias ferramentas online com as quais pode combinar convenientemente os seus ficheiros CSS e Javascript. SmartOptimizer, CSS Crush, JSCompress.com, entre outras, são algumas das melhores opções. Pode carregar os ficheiros combinados do seu sítio WordPress nestes sítios Web e experimentar uma maior velocidade do sítio. Além disso, reduz as solicitações HTTP, ajudando assim a otimizar seu site.

Optimize as imagens e elimine todas as que não são importantes

Embora ainda não exista um plugin que ajude a combinar as imagens com sprites CSS, existem alguns plugins incríveis que ajudarão a otimizar as imagens do seu site. Claro que as imagens são cruciais para uma experiência de utilizador inigualável, mas deve saber que cada imagem adicionada gera um pedido HTTP extra. Por isso, escolha bem todas as suas imagens e inclua apenas as imagens que acrescentam valor ao seu conteúdo.

Em alternativa, optimize todas as suas imagens antes de as adicionar ao seu Web site. Otimizar as imagens significa que tem de reduzir o tamanho das imagens, garantindo que a sua qualidade não é comprometida.

O mesmo não faz sentido no caso de ter imagens desfocadas no seu sítio Web. As imagens devem ser de alta qualidade mas não pesadas, onde o conteúdo e o contexto sejam visíveis.

Eis como pode otimizar as imagens no WordPress.

Existem algumas ferramentas de redimensionamento excelentes que pode utilizar para obter melhores resultados. Algumas delas são o Photoshop, o Preview para Mac, o GIMP e muitas outras. No entanto, saiba que reduzir o tamanho do arquivo de imagens não afeta o número de solicitações HTTP feitas, mas ajuda a tornar o site mais leve, resultando em menos tempo de carregamento.

Carregar scripts apenas quando necessário

Este é outro passo à prova de falhas que pode tomar para minimizar o número de pedidos HTTP que o seu site tem de fazer. É claro que deve garantir que os scripts só são carregados quando necessário e removê-los das páginas que não precisam deles. Dito isto, faça uma auditoria e remova os scripts e plugins das páginas que não precisam de ser carregadas.

Existem vários plug-ins incríveis disponíveis que podem ser usados para desativar o carregamento de scripts em páginas ou postagens específicas. Além disso, esses plug-ins garantem que os scripts sejam carregados apenas quando necessário.

Por exemplo, o plugin chamado Perfmatters permitirá que os scripts só sejam carregados em páginas ou posts quando necessário. Outro plugin excelente é o Asset Cleanup Pro, que é menos fácil de utilizar, mas faz um excelente trabalho.

Perguntas frequentes

Abaixo estão mencionadas algumas perguntas frequentes

Q. Quais são as principais coisas que tornam um site WordPress mais lento?

Vários fatores resultam na lentidão do seu site WordPress.

Os principais são exibir/adicionar imagens não otimizadas, ter vários scripts que são executados em segundo plano, usar um tema WordPress lento ou uma versão mais antiga do PHP e muito mais.

Portanto, verifique vários fatores para garantir que a velocidade do seu site esteja no mesmo nível.

Q. Existem outras formas de reduzir os pedidos HTTP para além da utilização de plug-ins?

Sim, se tiver uma equipa de programadores que trabalham no backend do seu sítio Web, pode facilmente pedir-lhes que tomem as medidas necessárias para reduzir os pedidos HTTP no seu sítio Web.

No entanto, caso não seja a favor da utilização de plugins, existem alguns excelentes métodos manuais disponíveis, com a ajuda dos quais pode corrigir rapidamente todos os aspectos que aumentam os pedidos HTTP.

Q. O que acontece quando o servidor recebe demasiados pedidos?

Demasiados pedidos que o browser envia para o servidor não são saudáveis e afectam o desempenho do seu sítio Web. Por exemplo, vários pedidos indicam ataques de força bruta ou DDoS (negação de serviço distribuída).

Além disso, o HTTP bloqueia o endereço IP do utilizador para garantir que o site está bem protegido contra actividades de malware. Como resultado, o utilizador não consegue aceder ao sítio Web.

Q. Porquê reduzir os pedidos HTTP?

Uma das principais razões para reduzir os pedidos HTTP é o facto de o seu sítio Web os efetuar para garantir um desempenho adequado.

Quanto mais pedidos HTTP o seu sítio Web tiver, mais lento será o seu carregamento para os utilizadores. Dito isto, se trabalhar nos pedidos HTTP e otimizar a carga do pedido, o desempenho do seu sítio web irá melhorar para sempre.

Resumindo

Para manter o excelente desempenho do seu sítio Web e o seu carregamento rápido, deve garantir menos pedidos HTTP. Manter o número de 50 é o que ajudará o seu sítio web a ter o desempenho esperado. Com a ajuda dos plug-ins discutidos acima, você pode reduzir as solicitações HTTP e garantir que as solicitações não excedam esse número.

Os plug-ins ajudam a reduzir solicitações desnecessárias e a melhor parte é que você não precisa de conhecimento técnico para o mesmo. Com os plugins, não terá de trabalhar mais e ainda assim obter os melhores resultados de desempenho. Com menos pedidos HTTP, pode aumentar rapidamente a classificação do seu site nos SERPs.