Sem categoria

Excluir a versão do JS e CSS no WordPress sem precisar instalar nenhum plugin

Proprietários de sites adoram ver o carregamento rápido no seu navegador Web. Por isso, eu vou mostrar como excluir a versão do JS e CSS no WordPress, para aumentar a velocidade de carregamento e melhorar as táticas de SEO para seu site WordPress.

Este é apenas um dos muitos trabalhos a fazer, para melhorar a velocidade do carregamento de um site, ou um blog Wordpress. Entretanto, podemos fazer tudo isso com algum plugin e poupar nosso tempo. Por outro lado, é relativamente importante rodar um site sem tantos plugins. E é com essa finalidade, que temos vários tutoriais ensinando a mexer no código do seu tema, ao invés de apenas instalar plugins.

Eu recomendo fortemente, que você analise, se realmente seu tema suporta isso. Se sim, faça o backup dos arquivos, que você pretende editar. Este é o principal item de segurança entre você e seu site.

Agora vamos excluir a versão do JS e CSS no WordPress

Excluir a versão do JS e CSS no WordPress

Para remover a versão dos arquivo de folha de estilo – CSS e dos javascript – JS, você só precisa colar o código a segui no arquivo function.php de seu tema.

Abra seu site pelo cPanel, ou com um programa de FTP de sua preferência. Nunca tente editar arquivos pelo editor da área administrativa do WordPress, se você ainda não tem experiências em PHP.

Agora selecione e copie o código Ctrl + C e cole em functions.php de preferência no final da última função deste arquivo Ctrl + V, com seu teclado Windows.

// REMOVE A VERSAO DO CSS E JS
function vc_remove_wp_ver_css_js( $src ) {
if ( strpos( $src, 'ver=' ) )
$src = remove_query_arg( 'ver', $src );
return $src;
}
add_filter( 'style_loader_src', 'vc_remove_wp_ver_css_js', 9999 );
add_filter( 'script_loader_src', 'vc_remove_wp_ver_css_js', 9999 );
// fim da remoção da versão css e js

O código acima já é bem conhecido na internet. Porém há outras funções PHP que removem a versão dos arquivos também na área administrativa. Dependendo da versão do seu WordPress, ou do tema, isso pode não funcionar direito. Mas, também pode funcionar até no Admin.

Já que você está com a mão na massa, aprenda também como mover os links dos arquivos javascript para o rodapé das páginas do seu site.

Movendo Java Script para o rodapé da página

Esta é uma cortesia de WP Foco, para seus leitores. E é interessante poder mover os arquivos com extensão .JS, para o rodapé da página do site. É lá que eles devem ser carregados, conforme orientações de especialistas em SEO.

Javascript, deve carregar de forma assíncrona, segundo dados do Google e de todas as ferramentas de SEO também.

Sabendo disso, novamente, selecione o código abaixo e cole loco após a função que você acabou de colar no arquivo functions.php do seu tema Wordpress.

// MOVE O JAVASCRIPT PARA O RODAPE
function remove_head_scripts() {
remove_action('wp_head', 'wp_print_scripts');
remove_action('wp_head', 'wp_print_head_scripts', 9);
remove_action('wp_head', 'wp_enqueue_scripts', 1);
add_action('wp_footer', 'wp_print_scripts', 5);
add_action('wp_footer', 'wp_enqueue_scripts', 5);
add_action('wp_footer', 'wp_print_head_scripts', 5);
}
add_action( 'wp_enqueue_scripts', 'remove_head_scripts' );
// END Custom Scripting to Move JavaScript

Para concluir, salve o arquivo. E se você editou offline, envie para o seu servidor, para ver se funcionou. Você pode testar a funcionalidade, seguindo estas etapas:

  • Abra uma página de post do seu site.
  • Clique com o botão direito do mouse em qualquer lugar e abra o código-fonte.
  • Faça uma pesquisa no Browser por: .css e .js para ver se os números da versão foram removidos e se os arquivos javascript foram movidos para a parte inferior do seu código-fonte.

Outra práticas sobre JS e CSS

Há outras práticas, que você pode adotar, para acelerar o carregamento do site. Plugins de cache, certamente, são muito bons. WP Fastest Cache que pode ajudar muito nesse aspecto. Em conclusão, se você fizer estas ações e ainda desejar mais rapidez, instale um plugin de cache de sua preferência.

Este foi um pouco sobre como excluir a versão do JS e CSS. Se você gostou, espalhe isso, compartilhando em suas redes sociais.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *