Pré-conexão é uma técnica de dicas de recursos que estabelece conexões iniciais com recursos externos, como imagens, scripts ou folhas de estilo, em uma página da web. Ao iniciar essas conexões com antecedência, os navegadores podem recuperar os recursos necessários com mais eficiência quando necessário, resultando em tempos de carregamento de página mais rápidos e em uma melhor experiência do usuário.
No WordPress, você pode usar a função `wp_resource_hints()` para adicionar dicas de pré-conexão ao seu site. Esta função usa uma matriz de tipos de recursos e URLs como argumentos e gera o código HTML apropriado.
Por exemplo, para se pré-conectar às imagens e folhas de estilo do seu site, você adicionaria o seguinte código ao arquivo `header.php` do seu tema:
```php
wp_resource_hints([
'pré-conectar' => [
[
'href' => 'https://example.com/wp-content/themes/your-theme/images',
],
[
'href' => 'https://example.com/wp-content/themes/your-theme/stylesheets',
],
],
]);
?>
```
Você também pode usar a função `wp_resource_hints()` para pré-conectar-se a recursos externos que não estão localizados em seu próprio servidor. Por exemplo, para pré-conectar-se à API do Google Fonts, você adicionaria o seguinte código ao arquivo `header.php`:
```php
wp_resource_hints([
'pré-conectar' => [
[
'href' => 'https://fonts.googleapis.com',
],
],
]);
?>
```
Preconnect é uma ferramenta poderosa que pode ajudá-lo a melhorar o desempenho do seu site. Ao pré-conectar-se a recursos essenciais, você pode reduzir o tempo de carregamento de suas páginas e melhorar a experiência geral do usuário.
Aqui estão algumas dicas para usar a pré-conexão no WordPress:
* Pré-conecte-se apenas a recursos essenciais para a funcionalidade do seu site.
* Evite pré-conectar-se a recursos que já estão armazenados em cache pelo navegador.
* Teste o desempenho do seu site com e sem pré-conexão para ter certeza de que ele está realmente melhorando o tempo de carregamento da página.
Preconnect é um recurso compatível com navegadores modernos, incluindo Google Chrome, Mozilla Firefox e Microsoft Edge. No entanto, não é compatível com navegadores mais antigos, como o Internet Explorer 11.
