Na WPBeginner, testamos constantemente novas maneiras de tornar nossos sites mais rápidos. Depois de tentar dezenas de métodos, descobrimos que o pré-carregamento de links oferece um aumento instantâneo de velocidade.
Sabemos o quão frustrante podem ser os carregamentos lentos de páginas para você e seus visitantes. Mesmo um pequeno atraso pode prejudicar o tráfego do seu site e custar vendas.
O pré-carregamento de links resolve isso preparando a próxima página antes que o usuário realmente clique no link. Isso faz com que seu site pareça incrivelmente rápido e responsivo.
Neste guia, mostraremos como configurar facilmente o pré-carregamento de links no WordPress.
O que é Pré-carregamento de Links no WordPress?
O pré-carregamento de links é quando o navegador da web carrega o link em segundo plano antes que o usuário clique nele, fazendo com que as páginas carreguem mais rápido quando eles as visitam.
É como se a cozinha começasse a preparar sua refeição antes mesmo de você chegar ao restaurante!
Em termos técnicos, o pré-carregamento de links instrui o navegador do visitante a baixar silenciosamente o código (HTML) da página vinculada em segundo plano antes que ele realmente clique no link.
Assim, quando eles clicam, a página parece carregar instantaneamente. Tudo se resume a fazer seu site parecer super ágil e responsivo.
Agora, por que se preocupar com tudo isso? Bem, um site mais rápido é um site mais feliz, em nossa experiência. Para começar, o Google e outros mecanismos de busca *adoram* sites rápidos. É algo importante para SEO. Um site mais rápido potencialmente atrai mais tráfego para o seu blog.
Além disso, e talvez ainda mais importante, isso deixa seus visitantes mais felizes. Ninguém gosta de esperar as páginas carregarem, certo? Um site ágil e rápido é simplesmente mais agradável de usar.
Você pode fazer muitas coisas para melhorar a velocidade e o desempenho do seu WordPress. Isso inclui usar um plugin de desempenho ou uma CDN.
Por exemplo, um plugin de cache poderoso como o WP Rocket pode fazer uma grande diferença. No entanto, o pré-carregamento de links é uma técnica única que se destaca pela sua simplicidade.
Dica de Especialista: Usamos o WP Rocket em muitos dos nossos sites para gerenciar o cache e outras otimizações críticas de velocidade. O WP Rocket tem o pré-carregamento de links integrado. Se você já o utiliza, não precisa de um plugin separado. Basta ir em Configurações » WP Rocket » Pré-carregar no seu painel e marcar a caixa 'Ativar Pré-carregamento de Links'.
No entanto, é essencial configurar o pré-carregamento corretamente para evitar problemas no servidor. O pré-carregamento excessivamente agressivo de todos os links internos, por exemplo, pode levar a falhas no servidor.
Dito isso, vamos mostrar como pré-carregar links no WordPress da maneira certa, passo a passo.
Como Pré-carregar Links no WordPress e Tornar Seu Site Mais Rápido
A maneira mais fácil de pré-carregar links é usando o plugin Flying Pages. Ele simplesmente adiciona pré-carregamento inteligente para garantir que o pré-carregamento não trave seu site ou até mesmo o deixe lento.
Se ele detectar algum problema desse tipo, o plugin interromperá todo o pré-carregamento.
A primeira coisa que você precisa fazer é instalar e ativar o plugin. Para mais detalhes, veja nosso guia sobre como instalar um plugin do WordPress.
Após a ativação, você precisa navegar até Configurações » Flying Pages no seu painel de administração do WordPress para configurar as opções do plugin.
Em seguida, você precisa definir o tempo de ‘Atraso para iniciar o pré-carregamento’ no menu suspenso. Esta configuração determina quanto tempo o plugin espera antes de começar a pré-buscar links.
Ele espera por um momento em que o navegador está ocioso (o que significa que não está ocupado carregando sua página atual) para evitar lentidão. Para a maioria dos sites, a configuração padrão de ‘0 segundo’, que inicia o pré-carregamento assim que o navegador está livre, funciona perfeitamente.
Em seguida, você pode alterar o ‘Máximo de requisições por segundo’. Quanto menor o número que você definir, menor será o impacto no seu servidor.
Manteremos a configuração padrão de ‘3 requests’, que deve funcionar para a maioria dos ambientes de hospedagem WordPress. Se você estiver em um plano de hospedagem compartilhada econômico e notar que seu servidor está ficando lento, pode diminuir para 1 ou 2. Se você usa hospedagem gerenciada poderosa, o padrão está bom.
Depois disso, você pode marcar a caixa ‘Pré-carregar apenas ao passar o mouse’. Isso pré-carregará os links apenas se um usuário passar o mouse sobre eles em um computador desktop.
Para usuários de dispositivos móveis, o plugin se adapta de forma inteligente, iniciando o pré-carregamento no momento em que o usuário toca levemente no link, dando-lhe uma vantagem antes que o toque completo seja registrado.
Isso faz com que a próxima página pareça carregar instantaneamente. Em média, há um atraso de cerca de 400 milissegundos (ms) entre o momento em que um usuário passa o mouse sobre um link e quando ele realmente clica nele. Esta breve janela dá ao navegador uma vantagem inicial na busca da próxima página.
Você também pode definir o 'Atraso do mouse sobre o link'. Este é o tempo que passará após um usuário passar o mouse sobre um link antes que o pré-carregamento comece.
Abaixo disso, há uma lista de palavras-chave que o plugin ignorará para pré-carregamento.
Estas são páginas de login padrão e arquivos de imagem. Você pode deixar a lista como está ou adicionar mais palavras-chave, se desejar.
Se você tem uma loja online, deve adicionar páginas dinâmicas como /cart, /checkout e /my-account a esta lista para que não sejam pré-carregadas. Você também deve digitar ‘logout’ na caixa para excluir os links de logout, evitando que os usuários sejam desconectados acidentalmente apenas movendo o mouse.
Da mesma forma, se você estiver usando um plugin de marketing de afiliados como ThirstyAffiliates ou PrettyLinks, é importante adicionar seu prefixo de afiliado como /refer/ ou /go/ a esta lista de palavras-chave a serem ignoradas. Caso contrário, isso pode quebrar o rastreamento de links de afiliados.
A opção final é desativar o pré-carregamento para administradores.
No geral, isso ajudará a reduzir a carga do servidor do seu site. Se você quiser pré-carregar apenas para visitantes do site que não são administradores logados, basta marcar a caixa.
Quando terminar, clique no botão 'Salvar Alterações' na parte inferior da página.
Pronto! Você habilitou com sucesso o pré-carregamento de links em seu site.
Quer ver em ação? Abra seu site no Google Chrome, clique com o botão direito em qualquer lugar e selecione ‘Inspecionar’ para abrir as Ferramentas do Desenvolvedor. Vá para a aba ‘Network’ e observe o que acontece quando você passa o mouse sobre um link. Você verá a página carregar em segundo plano antes mesmo de clicar!
Observação: Se você estiver executando um teste de velocidade de site com uma ferramenta como o PageSpeed Insights e não vir sua pontuação melhorar, isso é completamente normal. O pré-carregamento de links apenas melhora a velocidade de clique nos links e não acelera o carregamento inicial do seu site.
Perguntas Frequentes Sobre Pré-carregamento de Links
Aqui estão algumas das perguntas mais comuns que recebemos sobre o pré-carregamento de links no WordPress e como isso afeta o desempenho do site.
1. Qual é o principal benefício do pré-carregamento de links?
O principal benefício é uma experiência do usuário muito melhor. Quando um visitante passa o mouse sobre um link, a página começa a carregar em segundo plano. Isso faz com que a próxima página pareça carregar quase instantaneamente quando eles clicam, fazendo com que seu site pareça mais rápido e responsivo.
2. O pré-carregamento de links melhorará minha pontuação do Google PageSpeed?
Não, e este é um ponto importante. O pré-carregamento de links melhora o desempenho percebido para usuários reais navegando em seu site. Ele não afeta o tempo de carregamento inicial de uma única página, que é o que ferramentas como o PageSpeed Insights medem.
3. O pré-carregamento de links pode travar meu servidor?
Se feito descuidadamente, o pré-busca agressiva pode aumentar a carga de trabalho do seu servidor, especialmente em hospedagem compartilhada. Isso ocorre porque cada pré-carregamento age como uma mini-visita ao seu servidor, e muitas de uma vez podem sobrecarregá-lo.
No entanto, o plugin recomendado Flying Pages foi projetado para evitar isso. Ele espera inteligentemente o navegador ficar ocioso e só faz a pré-busca se o seu servidor não estiver ocupado, evitando travamentos ou lentidão.
4. Existem páginas que devo excluir do pré-carregamento?
Sim, você deve sempre excluir páginas dinâmicas. Isso inclui páginas de carrinho, checkout e conta em um site de comércio eletrônico. Também é importante excluir seus links de afiliados (como aqueles com um prefixo /refer/ ou /go/) para garantir que o rastreamento de cliques funcione corretamente.
Recursos Adicionais para Acelerar o WordPress
Esperamos que este artigo tenha ajudado você a aprender como pré-carregar links no WordPress para velocidades de carregamento mais rápidas. Você também pode querer ver outros tutoriais sobre como tornar seu site WordPress mais rápido:
- Hospedagem WordPress Mais Rápida (Com Testes de Desempenho)
- Melhores Plugins de Cache para WordPress para Acelerar Seu Site
- Como minificar arquivos CSS / JavaScript no WordPress
- Como Otimizar as Core Web Vitals para WordPress (Guia Definitivo)
- Como Carregar Imagens Lentamente (Lazy Load) Facilmente no WordPress
- Como Acelerar Seu Site de E-commerce
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.
Olaf
Pré-carregar é um ótimo recurso. Notei que mais plugins de cache agora o incluem em comparação com antes. Testamos o WP Rocket, onde um link deve carregar assim que o usuário passa o mouse sobre ele. O WP Rocket começa imediatamente a armazenar em cache a página por trás do link sem que o usuário precise clicar nela. Se eles clicarem, a página é servida diretamente do cache. Testamos os tempos de carregamento com e sem essa função, e devo dizer que a diferença foi notável. Se você tem desempenho de servidor suficiente, é um recurso excelente que pode acelerar significativamente o site.
Dennis Muthomi
Ótimo artigo sobre pré-carregamento de links!
Implementei essa técnica em vários sites de clientes (mas não em todos) e notei melhorias significativas nas velocidades de carregamento percebidas.
Gostaria de adicionar isto: considere usar a opção 'Pré-carregar apenas ao passar o mouse' para sites com muito conteúdo, a fim de equilibrar o desempenho e a carga do servidor. Tem sido um divisor de águas para meus clientes com grandes catálogos de produtos.
Jiří Vaněk
Eu uso o recurso ‘pré-carregar links’ no plugin de cache WP Rocket, e tenho que dizer que é uma ótima função que realmente acelera o carregamento do site. Eu posso recomendá-lo altamente. Portanto, especificamente para acelerar um site, o WP Rocket é provavelmente a melhor opção, pois ele inclui nativamente esse recurso e ajuda significativamente a acelerar o site. Entre os plugins de cache, é a principal escolha.
WPBeginner Support
Thank you for sharing what you use for your site
Admin
Cassie
Obrigado por compartilhar. Eu nunca soube que isso existia. Parece bem direto e fácil de implementar. Vou guardar essa informação para poder tentar. Adoro aprender coisas novas!
Obrigado novamente!
Cassie
WPBeginner Support
De nada, ficamos felizes que nosso artigo tenha sido útil!
Admin
Mohamed
Isso afeta os links de afiliados nas páginas do meu site?
WPBeginner Support
It would if you do not exclude those from the plugin which is why we recommend excluding them in this article
Admin
Hosseoin
Olá
Não é a mesma opção de clique instantâneo em alguns plugins de cache?
WPBeginner Support
Sim, no momento é uma ferramenta semelhante a essa, dependendo da sua escolha de plugin de cache.
Admin