Na WPBeginner, dedicamos anos a dominar a velocidade de sites. Após explorar todas as otimizações importantes, começamos a usar uma técnica que proporcionou um impulso imediato: o pré-carregamento de links.
Se você se frustra com o menor atraso no carregamento de páginas, sabe o quanto isso pode impactar a experiência do usuário. O pré-carregamento de links é um recurso inteligente do navegador que prepara a próxima página antes mesmo que seu visitante clique no link.
O resultado é um site que parece incrivelmente rápido e quase instantâneo. É uma maneira surpreendentemente simples de dar ao seu site um impulso de desempenho notável que os visitantes vão adorar.
Neste guia, mostraremos como configurá-lo corretamente. Vamos começar.
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 é quando o navegador da web de um visitante carrega de forma inteligente a página vinculada em segundo plano antes que ele realmente clique no link. Assim, quando ele clica, a página parece carregar instantaneamente. Tudo se resume a fazer seu site parecer super rápido 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. É um grande negócio para SEO. Um site mais rápido potencialmente traz 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. É uma solução completa que cuida de muitos ajustes de desempenho, tornando-o uma excelente base para construir com técnicas como o pré-carregamento de links.
A única coisa é que é 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 travamentos do 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 mais 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, consulte 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 requisições’, que deve funcionar para a maioria dos ambientes de hospedagem WordPress.
Depois disso, você pode marcar a caixa para ‘Pré-carregar apenas ao passar o mouse’. Isso pré-carregará links apenas se um usuário passar o mouse sobre eles e pré-carregará a página pouco antes de clicarem.
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ê estiver executando uma loja online, talvez queira adicionar páginas como /cart e outras páginas dinâmicas a esta lista para que elas não sejam pré-carregadas.
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.
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 do clique nos links e não acelera a primeira vez que seu site carrega.
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.
Obtenha Mais Dicas de Especialistas 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