nuevo diseño desarrollowp

¿Quieres patrocinar?

¿Quieres aparecer aquí? Si quieres patrocinar este blog, ponte en contacto conmigo a través de este formulario

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.