nuevo diseño desarrollowp

Cómo eliminar la hoja de estilos de Gutenberg si no lo utilizas tras WordPress 5.0

¿Has actualizado a WordPress 5.0 pero tienes desactivado Gutenberg? Imagino que será el caso de mucha gente, que esperará a darle un tiempo, hasta que se asiente un poco.

Pues si es tu caso, quizá no hayas advertido que la nueva versión de WordPress encola por defecto una hoja de estilos llamada style.min.css en tu sitio web. Puedes verla inspeccionando tu sitio, encontrarás en el head una etiqueta de este tipo:

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

Es una petición adicional, y no es que pese mucho (son apenas 4,6KB), pero si te tomas en serio el rendimiento de tu sitio, es mejor desencolarla para mejorar el WPO de tu página. Recordad que la petición más rápida es aquella que no se hace. Y cada detalle cuenta.

Para desencolarla de tu web si no utilizas Gutenberg de momento, basta con añadir estas líneas en el functions.php:

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

Os dejo en GitHub una clase sencilla para las dos tareas: desactivar Gutenberg y desencolar la hoja de estilos.

¿Te ha resultado útil esta información? 🍺

Si este post te ha resuelto un problema, invítame a un café o a una cerveza. Con este pequeño gesto me animas a seguir escribiendo.

Comentarios

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *:

  • El fin del tratamiento es únicamente la moderación de comentarios para evitar spam
  • La legitimación es tu consentimiento al comentar
  • No se comunicará ningún dato a terceros salvo por obligación legal
  • Tienes derecho al acceso, rectificación y eliminación de los comentarios