Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como fazer o pré-carregamento de links no WordPress para aumentar a velocidade de carregamento

Ao longo dos anos, tentamos várias maneiras de acelerar nossos sites WordPress, desde a otimização de imagens até o uso de plug-ins de cache e muito mais. Mas uma dica menos conhecida que descobrimos é o pré-carregamento de links.

O pré-carregamento de links é um recurso do navegador que pode tornar seu site muito mais rápido. Ele carrega links em segundo plano antes que o visitante clique neles, criando uma experiência de navegação mais suave.

Apesar de funcionar muito bem, poucas pessoas falam sobre o pré-carregamento de links quando discutem dicas de velocidade do WordPress. É por isso que queremos compartilhar essa técnica útil com você neste artigo.

How to preload links in WordPress for faster loading speeds (easy)

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 de o usuário clicar nele, fazendo com que as páginas sejam carregadas mais rapidamente quando visitadas.

Ter um site WordPress mais rápido pode ajudar a aumentar o tráfego do seu blog, melhorando a otimização do mecanismo de busca (SEO) do WordPress. Além disso, melhorará a experiência do usuário do seu site.

Há muitas coisas que você pode fazer para aumentar a velocidade e o desempenho do WordPress, inclusive usar plug-ins de desempenho como o WP Rocket ou usar uma CDN. No entanto, o pré-carregamento de links se destaca por sua simplicidade.

O único problema é 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 falhas no servidor.

Dito isso, vamos mostrar a você como fazer o pré-carregamento de links no WordPress da maneira correta, passo a passo.

Como pré-carregar links do WordPress e tornar seu site mais rápido

A maneira mais fácil de pré-carregar links é usar o plug-in Flying Pages. Ele simplesmente adiciona pré-carregamento inteligente para garantir que o pré-carregamento não trave seu site nem o torne mais lento.

Se detectar algum problema como esse, o plug-in interromperá todo o pré-carregamento.

A primeira coisa que você precisa fazer é instalar e ativar o plug-in. Para obter mais detalhes, consulte nosso guia sobre como instalar um plug-in do WordPress.

Após a ativação, você precisa navegar até Settings ” Flying Pages no painel de administração do WordPress para definir as configurações do plug-in.

Em seguida, você precisa definir o tempo de “Atraso para iniciar o pré-carregamento” no menu suspenso. Esse é o atraso para iniciar o pré-carregamento de links se o mouse do usuário não estiver se movendo na janela do navegador.

Você pode alterar isso, mas manteremos a configuração padrão recomendada de “0 segundo”.

Flying Links settings set the preloader delay

Em seguida, você pode alterar o “Máximo de solicitações por segundo”. Quanto mais baixo você definir esse número, menor será o impacto no seu servidor.

Manteremos a configuração padrão de “3 solicitações”, que deve funcionar para a maioria dos ambientes de hospedagem do WordPress.

Set max requests per second

Depois disso, você pode marcar a caixa “Preload only on mouse hover”. Isso só pré-carregará os links se o usuário passar o mouse sobre eles e pré-carregará a página imediatamente antes do clique.

Essa tecnologia faz com que o tempo de carregamento percebido seja quase instantâneo, pois há um atraso de 400 ms entre o momento em que o usuário passa o mouse sobre um link e clica nele.

Também é possível definir o “Mouse hover delay”. Esse é o tempo que passará depois que um usuário passar o mouse sobre um link antes do início do pré-carregamento.

Set preload time and hover delay

Abaixo disso, há uma lista de palavras-chave que o plug-in ignorará para o pré-carregamento.

Essas 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.

Set keywords to ignore for preloading

Se estiver administrando uma loja on-line, talvez queira adicionar páginas como /cart e outras páginas dinâmicas nessa lista para que não sejam pré-carregadas.

Da mesma forma, se estiver usando um plug-in de marketing de af iliados, como o ThirstyAffiliates ou o PrettyLinks, é importante adicionar o prefixo do afiliado, como /refer/ ou /go/, a essa lista de palavras-chave ignoradas. Caso contrário, isso pode interromper o rastreamento de links de afiliados.

A última opção é desativar o pré-carregamento para administradores.

Em geral, isso ajudará a reduzir a carga do servidor do seu site. Se quiser fazer o pré-carregamento apenas para visitantes do site que não sejam administradores conectados, basta marcar a caixa.

Disable preloading for admins and save

Quando terminar, clique no botão “Save Changes” (Salvar alterações) na parte inferior da página.

É isso aí! Você ativou com êxito o pré-carregamento de links em seu site.

Observação: se você estiver executando um teste de velocidade do site com uma ferramenta como o PageSpeed Insights e não perceber que sua pontuação está melhorando, isso é completamente normal. O pré-carregamento de links melhora apenas a velocidade do clique no link e não acelera a primeira vez que o site é carregado.

Obtenha mais dicas de especialistas para acelerar o WordPress

Deseja tornar seu site WordPress ainda mais rápido? Dê uma olhada nestes tutoriais do WordPress:

Esperamos que este artigo tenha ajudado você a aprender como pré-carregar links no WordPress para obter velocidades de carregamento mais rápidas. Talvez você também queira ver nossos tutoriais sobre como corrigir o tamanho excessivo do DOM no WordPress e nossas escolhas de especialistas dos melhores plug-ins de controle deslizante do WordPress.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

8 ComentáriosDeixe uma resposta

  1. Jiří Vaněk

    I use the ‘preload links’ feature in the WP Rocket cache plugin, and I have to say it’s a great function that truly speeds up website loading. I can highly recommend it. So, specifically for speeding up a website, WP Rocket is probably the best option, as it natively includes this feature and significantly helps in accelerating the site. Among cache plugins, it’s the top choice.

    • WPBeginner Support

      Thank you for sharing what you use for your site :)

      Administrador

  2. Cassie

    Thank you for sharing. I never knew this was a thing. It seems pretty straight forward and easy to implement. I am going to hang on to this information so I can give it a try. I love learning new things!

    Thanks again!
    Cassie

    • WPBeginner Support

      You’re welcome, glad our article was helpful!

      Administrador

  3. Mohamed

    Does this affect the affiliate links on my website pages?

    • WPBeginner Support

      It would if you do not exclude those from the plugin which is why we recommend excluding them in this article :)

      Administrador

  4. Hosseoin

    Hello
    Isn’t this the same instant click option in some cache plugins?

    • WPBeginner Support

      Yes, at the moment it is a similar tool to that depending on your choice of cache plugin.

      Administrador

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.