Quando se trata de desempenho do WordPress, esta questão surge bastante, e é como remover as strings de consulta dos recursos estáticos. Seus arquivos CSS e JavaScript geralmente têm a versão do arquivo no final de suas URLs, tais como domain.com/style.css?ver=4.6
. Alguns servidores e servidores proxy são incapazes de fazer o cache de strings de consulta, mesmo que um cabeçalho cache-control:public
esteja presente.
Ao removê-los, você pode às vezes melhorar seu cache. Isto também corrigirá aquele aviso que você pode ver no GTMetrix e no Pingdom e chamado de “Remove query strings from static resources.”
Por favor, tenha em mente que as strings de consulta geralmente estão lá por uma razão. A versão em arquivos é usada pelos desenvolvedores do WordPress para contornar problemas de cache. Por exemplo, se eles empurrarem uma atualização e mudarem style.css
de ?ver=4.6
para ?ver=4.7
, ela será tratada como uma URL completamente nova e não será armazenada em cache. Se você remover as strings da consulta e atualizar um plugin, isto pode resultar na versão em cache para continuar a servir. Em alguns casos, isto pode quebrar o front-end do seu site até que o recurso em cache expire ou o cache seja completamente esvaziado.
A consulta das strings de consulta também é utilizada para organização em fluxos de trabalho de desenvolvimento.
Removendo strings de consulta dos recursos estáticos
Há algumas maneiras diferentes de remover as strings de consulta, uma é com um pequeno código e outra é com um plugin WordPress. Se você estiver usando um CDN para entregar seus ativos, isso pode não ser necessário, já que alguns provedores de CDN realmente têm a habilidade de fazer o cache de strings de consulta. Verifique com seu web host e provedor CDN antes de implementar o seguinte para ver se eles podem fazer o cache de strings de consulta. A Kinsta CDN faz o cache de strings de consulta.
- Remova strings de consulta dos recursos estáticos com código
- Remova strings de consulta dos recursos estáticos com código um plugin
1. Remova strings de consulta dos recursos estáticos com código
Você pode remover facilmente os strings de consulta dos seus ativos com algumas linhas de código. Depois de fazer um backup do seu site, crie um child theme e adicione o seguinte ao arquivo functions.php
do seu child theme.
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');
Importante: Editar o código fonte de um tema do WordPress pode quebrar o seu site se não for feito corretamente. Se você não estiver confortável fazendo isso, por favor, verifique primeiro com um desenvolvedor. Ou, você também pode tirar vantagem do plugin Code Snippets gratuito. Este plugin permitirá que você adicione o código acima sem ter que se preocupar se ele irá quebrar o seu site.
Basta criar um novo snippet e adicionar o código acima. Selecione “Run only on site front-end” e então salve o trecho. Suas strings de consulta desaparecerão então! Você pode precisar limpar o cache no seu site WordPress para ver as mudanças entrando em vigor no frontend.
Com strings de consulta (antes do código)
Aqui está um exemplo de carregamento de scripts com strings de consulta.
Sem strings de consulta (depois do código)
Aqui está um exemplo de scripts após ter removido as strings de consulta.
2. Remova strings de consulta dos recursos estáticos com código um plugin
Uma alternativa ao uso de código é usar um plugin de performance WordPress que tenha este recurso embutido. O plugin premium Perfmatters (desenvolvido por um membro da equipe em Kinsta), permite que você remova strings de consulta de recursos estáticos com um clique de um botão. Ele também permite que você implemente facilmente outras otimizações para o seu site WordPress, e funciona ao lado do seu plugin de cache atual.
Não há mais strings de consulta
Depois de usar qualquer uma das opções acima, você não deve mais ver um aviso sobre as strings de consulta nas ferramentas de teste de velocidade do site, tais como GTMetrix ou Pingdom.
Hospede seu Site Estático de Graça com a Hospedagem de Site Estático da Kinsta e implante seu site diretamente na rede Edge.