Como garantir que seus visitantes carreguem seus links instantaneamente? Você precisa de uma tecnologia chamada carregamento de links. Ela pré-carrega seus links automaticamente para que o visitante veja o conteúdo assim que clicar neles. O objetivo deste post é fornecer instruções sobre como adicionar links pré-carregados a blogs WordPress.
O objetivo deste post é fornecer uma explicação detalhada de como pré-carregar links no WordPress.
Por que pré-carregar links no WordPress?
É possível configurar o navegador para pré-carregar o link em segundo plano, acelerando o carregamento. O visitante encontra o link já carregado ao clicar nele. Quando um visitante encontra tudo rapidamente em seu site, é mais provável que permaneça nele. Portanto, você obterá benefícios consideráveis em termos de SEO como resultado disso.
Se as suas páginas internas forem pré-carregadas, é mais provável que os visitantes permaneçam no seu site por mais tempo e visualizem mais páginas, devido à maior velocidade de carregamento. Portanto, você pode melhorar o SEO do seu WordPress aumentando a velocidade do seu site.
Embora existam muitas coisas que você pode fazer para tornar seu site WordPress mais rápido, o pré-carregamento de links é uma das mais fáceis e pode ajudar bastante na velocidade do seu site.
No entanto, se você pretende configurar o pré-carregamento corretamente, precisará evitar alguns erros comuns. Por exemplo, configurações muito agressivas e o pré-carregamento de todos os links internos podem ter o efeito contrário e até mesmo causar a falha do servidor.
Como pré-carregar links no WordPress: usando o plugin Flying Pages
O primeiro passo é baixar o plugin Flying Pages e instalá-lo no painel do WordPress.
Agora, no painel do WordPress, acesse Configurações -> Flying Pages e selecione a opção Flying Pages. Verifique a configuração do plugin na aba Configurações e, se necessário, faça as alterações.
A primeira opção que você verá é "Atraso para iniciar o pré-carregamento". Por padrão, essa opção tem o valor 0, mas você pode alterá-la. Recomendamos, no entanto, mantê-la como está. Aumentar esse valor causará um atraso no início do processo.
Consequentemente, você precisa escolher o número máximo de solicitações por segundo, pois quanto menor o número, menor será o impacto no seu servidor. O valor padrão é aceitável, desde que você não tenha um site extenso com um grande número de visitantes simultâneos.
Você pode manter as outras configurações como estão ou alterá-las de acordo com suas necessidades. Não se esqueça de clicar no botão "Salvar alterações" ao final do processo para que suas alterações sejam salvas.
Como pré-carregar solicitações de teclas: fontes, JS e CSS
O pré-carregamento de recursos é uma técnica que pode ser usada para melhorar o desempenho da sua página web. Ao pré-carregar solicitações importantes, você garante que os recursos necessários estejam disponíveis quando o usuário precisar deles. CSS, JS e fontes são exemplos de recursos que podem ser pré-carregados. Para pré-carregar CSS, você pode usar a regra `@font-face`. Para JavaScript, você pode usar a biblioteca `PreloadJS`. E para fontes, você pode usar o Font Awesome ou o Google Fonts.
Como pré-carregarCSS
Segue abaixo a sintaxe para pré-carregar solicitações de teclas de arquivos CSS:
<link rel=”preload” href=”style.css” as=”style”>
Pré-carregar JS
Esta é uma sintaxe para pré-carregar solicitações de teclas de arquivos JavaScript:
<link rel=”preload” href=”main.js” as=”script”>
Pré-carregar fontes
A sintaxe para pré-carregar solicitações de teclas de arquivos de fonte será semelhante a esta:
<link rel=”preload” href=”font.woff2″ as=”font” type=”font/woff2″ crossorigin>
Fontes do Google
A seguir, apresentamos a sintaxe para pré-carregar solicitações de teclas do Google Fonts:
<link rel=”preload” href=”https://fonts.googleapis.com/css2?family=Roboto&display=swap” as=”style” crossorigin>
Fonte Incrível
Esta é a sintaxe para pré-carregar solicitações de teclas do Font Awesome:
<link rel=”preload” href=”/wp-content/theme/fonts/fontawesome-Webfont.woff2” as=”font” crossorigin>
Esses são os tipos de arquivos mais comuns que você encontrará no aviso de solicitações de chave de pré-carregamento do Google PageSpeed Insights.
Os métodos acima podem ajudar a corrigir o aviso de solicitações de chave de pré-carregamento do Google PageSpeed Insights. Você pode aplicar esses métodos a qualquer site.
Resumo: Pré-carregamento de fontes
<link rel=’preload’ href=’/image.png’ as=’image’>
<link rel=’preload’ href=’/style.css’ as=’style’>
<link rel=’preload’ href=’/script.js’ as=’script’>
<link rel=’preload’ href=’/font.woff2′ as=’font’ crossorigin>
Pré-carregar solicitações de chave usando plugins do WordPress
Você pode pré-carregar solicitações de chaves no WordPress usando plugins específicos para isso, como o Pre* Party Resource Hints, Autoptimize, WP Rocket e Asset CleanUp, entre outros. Esses plugins ajudam a corrigir o aviso de pré-carregamento de solicitações de chaves do WordPress.
Aqui estão os plugins mais populares com o recurso de pré-carregamento de solicitações de chave.
Dicas de recursos para a pré-festa
O Pre* Party Resource Hints é um dos melhores plugins que oferece muitos controles e a capacidade de adicionar recursos essenciais que você deseja pré-carregar visualmente.
Instale e ative este plugin no seu site WordPress e, em seguida, acesse o menu Pre* Party no painel de controle do WordPress. Lá você encontrará a seguinte tela.
Você verá a caixa "Adicionar nova dica de recurso" nas configurações do plugin, na aba "Inserir dicas". Para pré-carregar um recurso, acesse o relatório do PageSpeed Insights e encontre o aviso de solicitações de pré-carregamento de chave.
WP Rocket
A pré-carga de solicitações de chaves é uma ótima maneira de melhorar o desempenho do seu site WordPress. O WP Rocket é um plugin popular que pode te ajudar com isso. É fácil de usar e possui muitos recursos que podem ajudar a melhorar o desempenho do seu site.
Acesse Configurações > WP Rocket > Pré-carregar no painel do WordPress para pré-carregar solicitações importantes no WordPress usando o plugin WP Rocket. Em seguida, role até o final da página, onde você encontrará a seção Pré-carregar fontes.
Autootimizar
Se você deseja melhorar o desempenho do seu site WordPress, uma das primeiras coisas que deve fazer é instalar o plugin Autoptimize. O Autoptimize acelera seu site otimizando seus arquivos CSS e JavaScript. Ele também minifica o HTML e armazena suas páginas em cache, carregando-as mais rapidamente para visitantes recorrentes. Um dos recursos mais populares é a opção de pré-carregamento de solicitações de chaves para sites WordPress.
No painel do WordPress, acesse Configurações > Autoptimize > Extras para pré-carregar solicitações de chave usando o Autoptimize. Basta inserir os links na caixa que você obteve no aviso de pré-carregamento de solicitações de chave do PageSpeed Insights. Certifique-se de separar vários links com vírgulas.
Perfmatters
Este plugin premium oferece opções de pré-carregamento, pré-conexão e pré-busca. Você pode verificar essas opções em Configurações do Perfmatters → Extras → Pré-carregamento.
O pré-carregamento de links e solicitações em seu site foi ativado com sucesso.
Você pode encontrar mais artigos como este na Seahawk Media.
