Como remover strings de consulta dos recursos estáticos no WordPress

Já fez um teste de velocidade no seu site e notou que ele recomenda remover as strings de consulta dos recursos estáticos?

As strings de consulta são os parâmetros adicionados ao final de uma URL que afetam o comportamento do recurso, e podem causar problemas de cache que deixam o seu site mais lento. Este guia mostrará como remover as strings de consulta dos recursos estáticos e melhorar o desempenho do seu site.

Como remover strings de consulta dos recursos estáticos

Por que remover as strings de consulta?

Antes de explicar como remover as strings de consulta, é importante entender por que isso é recomendado. Quando as strings de consulta são usadas em URLs de recursos estáticos como imagens, arquivos CSS e arquivos JavaScript, podem ocorrer problemas de cache.

Se a string de consulta mudar, o navegador tratará o recurso como novo e fará o download novamente, mesmo que já tenha sido armazenado em cache. Isso pode deixar o seu site mais lento e aumentar o tempo de carregamento para os seus visitantes.

Os 5 melhores métodos para corrigir as "strings de consulta de recursos estáticos no WP**"**

Método 1: Remover strings de consulta usando o arquivo functions.php

Modifique o código do seu site seguindo estes passos:

  1. Abra o arquivo functions.php do seu tema WordPress em um editor de texto.
  2. Adicione o seguinte trecho de código no final do arquivo:
Remover strings de consulta usando o arquivo functions.php
PHP
function remove_query_strings() {
if (!is_admin()) {
add_filter('script_loader_src', 'remove_query_strings_split', 15);
add_filter('style_loader_src', 'remove_query_strings_split', 15);
}
}

function remove_query_strings_split($src){
$output = preg_split("/(&ver|?ver)/", $src);
return $output[0];
}

add_action('init', 'remove_query_strings');
  1. Atualize o arquivo.
  2. Limpe o cache do seu site para garantir que as mudanças tenham efeito.
Limpe o cache do seu site

Localize o nome do seu domínio e clique no ícone da lixeira

Limpe o cache do seu site
  1. Teste o seu site para garantir que todos os recursos estão sendo carregados corretamente e que não há erros.

Este código removerá as strings de consulta dos arquivos JavaScript e CSS do seu site. Se quiser remover as strings de consulta de outros tipos de arquivos, você pode modificar o código de acordo.

É importante notar que modificar o arquivo functions.php do seu tema é uma técnica avançada e pode ter consequências indesejadas se for feita incorretamente. Como sempre, faça um backup do seu site antes de fazer qualquer alteração no código.

🔥COMECE COM O WP STAGING PARA GERENCIAR BACKUPS E AMBIENTES DE STAGING DE FORMA EFICIENTE.

Método 2: Remover strings de consulta facilmente com um plugin WordPress

  1. Acesse o painel do seu WordPress e navegue até a seção Plugins.
Acesse o painel do seu WordPress
  1. Clique em "Adicionar novo" e procure pelo plugin "Remove Query Strings From Static Resources".
Encontrar a aba Plugins
  1. Instale e ative o plugin.
Instalar e ativar o plugin
  1. Uma vez ativado, o plugin removerá automaticamente as strings de consulta de todos os recursos estáticos do seu site, incluindo arquivos CSS e JavaScript.
Instalar e ativar o plugin
  1. Teste o seu site para garantir que todos os recursos estão sendo carregados corretamente e que não há erros.

É importante notar que usar um plugin é uma forma fácil e prática de remover as strings de consulta dos recursos estáticos. Ainda assim, é sempre recomendado usar um plugin confiável e seguro de uma fonte respeitável para garantir a segurança do seu site.

Além disso, é importante testar o seu site cuidadosamente após qualquer alteração para garantir que tudo está funcionando corretamente.

Método 3: Otimização de CDN para remover strings de consulta

Para remover as strings de consulta dos recursos estáticos usando uma rede de distribuição de conteúdo (CDN), você pode seguir estes passos:

  1. Acesse o painel do seu provedor de CDN e navegue até as configurações do seu site.
  2. Procure uma opção para remover as strings de consulta dos recursos estáticos ou modificar as configurações de cache.
  3. Se o seu provedor de CDN oferecer a opção de remover strings de consulta, ative-a e salve as alterações.
  4. Se o seu provedor de CDN não oferecer essa opção, você pode modificar as configurações de cache para obter o mesmo resultado. Procure uma opção para definir o tempo de expiração do cache ou o TTL (Time to Live) dos recursos estáticos.
  5. Defina o tempo de expiração do cache para um valor adequado ao seu site. Isso garantirá que a versão em cache dos seus recursos estáticos seja usada até o tempo de expiração, após o qual o CDN buscará uma versão nova do arquivo sem strings de consulta.
  6. Teste o seu site para garantir que todos os recursos estão sendo carregados corretamente e que não há erros.

Nem todos os provedores de CDN oferecem a opção de remover strings de consulta dos recursos estáticos, e modificar as configurações de cache pode ter consequências indesejadas se for feito incorretamente.

Sempre crie um backup do seu site antes de fazer qualquer alteração nas configurações do seu CDN e consulte a equipe de suporte do seu provedor de CDN se tiver dúvidas ou preocupações.

CRIE SITES DE STAGING SEGUROS E PROTEJA O SEU SITE COM O WP STAGING. EXPERIMENTE AGORA E VEJA A DIFERENÇA POR SI MESMO!

Método 4: Otimize o seu site WordPress com um plugin de cache

  1. Acesse o painel do seu WordPress e navegue até a seção Plugins.
Acesse o painel do seu WordPress
  1. Clique em "Adicionar novo" e procure por um plugin de cache que suporte a remoção de strings de consulta, como o Speed Booster Pack.
Adicionar novo plugin
  1. Instale e ative o plugin de cache.
remover strings de consulta dos recursos estáticos
  1. Vá para a página de configurações do plugin de cache e procure uma opção para remover as strings de consulta dos recursos estáticos.
  2. Ative a opção para remover as strings de consulta e salve as alterações.
Configuração do Speed Booster Pack, remover strings de consulta dos recursos estáticos
  1. Teste o seu site para garantir que todos os recursos estão sendo carregados corretamente e que não há erros.

É importante notar que nem todos os plugins de cache oferecem a opção de remover strings de consulta dos recursos estáticos, e alguns plugins podem ter nomes diferentes para essa opção. Além disso, usar um plugin de cache pode acelerar significativamente o seu site. Ainda assim, é importante usar um plugin confiável e seguro de uma fonte respeitável para garantir a segurança do seu site. Sempre teste cuidadosamente o seu site depois de fazer alterações para garantir que tudo está funcionando corretamente.

Método 5: Remover strings de consulta com .htaccess

Para remover as strings de consulta dos recursos estáticos usando a configuração do seu servidor, você pode seguir estes passos:

  1. Acesse o seu servidor via SSH ou cliente FTP.
Login no painel FTP
  1. Localize o arquivo de configuração do seu servidor, como .htaccess ou nginx.conf, e faça o download do arquivo.
Baixar o arquivo .htaccess
  1. Abra o arquivo de configuração em um editor de texto.
Abrir arquivo no editor de código
  1. Procure a seção do arquivo que lida com os recursos estáticos, como arquivos JavaScript ou CSS.
  2. Adicione o seguinte código à seção que lida com os recursos estáticos:

Para servidores Apache usando .htaccess:

PHP
<FilesMatch ".(js|css)$">
  RewriteEngine On
  RewriteRule ^(.+).(.+).(js|css)$ $1.$3 [L]
</FilesMatch>
remover strings de consulta dos recursos estáticos

Para servidores Nginx usando nginx.conf:

PHP
location ~* ^.+.(css|js)$ {
  if ($request_uri ~ "^.+.(.+).(js|css)$") {
    set $clean_uri $1.$2;
    rewrite ^.*$ $uri$clean_uri last;
  }
}
  1. Salve as alterações no arquivo de configuração e envie-o para o seu servidor.
  2. Teste o seu site para garantir que todos os recursos estão sendo carregados corretamente e que não há erros.

É importante notar que modificar arquivos de configuração do servidor pode ter consequências indesejadas se for feito incorretamente, e é sempre recomendado fazer um backup do seu site e dos arquivos de configuração antes de fazer qualquer alteração.

Além disso, servidores diferentes podem ter arquivos de configuração ou sintaxes diferentes, então consulte o administrador do seu servidor ou a equipe de suporte se tiver dúvidas ou preocupações.

Conclusão

Otimizar o desempenho do seu site é crucial, e remover as strings de consulta dos recursos estáticos é uma forma de conseguir isso. Você pode usar código, plugins, CDNs, plugins de cache ou a configuração do servidor para fazer isso. No entanto, ter uma solução de backup confiável é essencial antes de fazer qualquer alteração.

O WP Staging é um excelente plugin de backup para WordPress que permite criar uma cópia de staging do seu site para testar alterações sem afetar o site em produção. Com o WP Staging, você pode facilmente fazer backup, restaurar e implantar alterações com poucos cliques, garantindo a segurança e a otimização do seu site. EXPERIMENTE GRÁTIS

Artigos relacionados:

Rene Hermenau

Autor: Rene Hermenau

Sobre o autor: René Hermenau é o fundador do WP STAGING. Ele trabalha com backups do WordPress, ambientes de staging, migrações, gestão de bases de dados e fluxos de implantação seguros.