Como remover block library CSS do WordPress

Nesta postagem eu vou mostrar como remover block library CSS. É um arquivo de folha de estilo, que o WordPress adiciona para blocos de Gutenberg, ou mesmo para o editor antigo.

O arquivo encontra-se nesta pasta: wp-includes/css/dist/block-library. Porém ele aparece no código-fonte do seu tema, sem a mínima necessidade.

Ao fazer um teste com Google PageSpeed Insights me deparei com alguns microssegundos de atraso. Então, eu resolvi por a mão na massa. Se você quer fazer o mesmo e melhorar o carregamento de suas páginas, siga-me:

Remover Block Library CSS do WordPress pelo código PHP

Antes de tudo, é bom analisar, se o seu tema não precisa do style.min.css da pasta WP-includes. É importante verificar, principalmente se você usa o editor Gutenberg.

Para remover block library CSS do WordPress, apenas cole o código a seguir no arquivo functions.php do seu tema.

function wpassist_remove_block_library_css(){
    wp_dequeue_style( 'wp-block-library' );
} 
add_action( 'wp_enqueue_scripts', 'wpassist_remove_block_library_css' );

Este código vai simplesmente fazer desaparecer o link relacionado a style.min.css, que eu até agora não entendi, porque o WordPress usa para o editor, mas carrega para o seu tema.

O editor do Gutenberg usa CSS especial para gerenciar melhor os blocos. Portanto, se você estiver usando o novo editor do WP, é provável que tenha o seguinte código em seu tema:

<link rel='stylesheet' id='wp-block-library-css' href='https://seusite.com/wp-includes/css/dist/block-library/style.min.css' type='text/css' media='all'/>

Você também pode: desabilitar o editor Gutenberg, se desejar votar para o editor simples.

Mover block library CSS do WordPress para o Rodapé

Se você não deseja remover o block library CSS do WordPress, pode movê-lo para o rodapé.

E encontrei este código no StackOverflow e no meu teste ele funcionou. No entanto, não é garantia de que ele possa funcionar para todos.

add_action('wp_print_styles',function() {
wp_dequeue_style('wp-block-library');
},100);

Isso pode ser interessante, para este CSS carregar depois do seu site.

Se você ganhar alguns microssegundos no carregamento do seu site, pode obter uma grande vantagem de SEO. E todos os recursos encontrados na web podem ser úteis.

Talvez você queira ver isso também:

  1. Remover Emoji ou Emoticons no WordPress
  2. Acelerar o carregamento do site Embutindo CSS
  3. Reduza solicitações de HTTP
  4. Remover versões de CSS e Javascript em WP

São apenas algumas das opções que você pode fazer e sentir-se feliz, todas as vezes que clicar em um link para seu site.


Deixe um Comentário