Eliminar el Gutenberg Block Library CSS de WordPress
🕒 1min
26 abril 2021
Tras la actualización a WordPress 5.0, apareció el editor de texto Gutenberg para reemplazar el antiguo de toda la vida, TinyMCE.
Aunque este nuevo editor de texto parezca mas User-Friendly, tiene un problema muy grande.
Si como yo, pruebas el rendimiento de tus páginas webs en Lighthouse, Page Speed Insight o cualquier otra alternativa similar, ya lo habrás notado. La hoja de estilo CSS de Gutenberg ralentiza enormemente la velocidad de carga de tus páginas.
Mucho desarrolladores WordPress optan por desactivar el editor Gutenberg para volver al TinyMCE. Sin embargo, esta acción no suprime el Css de Gutenberg (block-library/style.min.css), y su WordPress lo sigue importanto en cada una de las páginas de su web.
Aquí les dejo la función que les permite suprimir definitivamente el llamado a ese archivo.
<?php
//Remove Gutenberg Block Library CSS from loading on the frontend
function hugoSalazar_remove_wp_block_library_css(){
wp_dequeue_style( 'wp-block-library' );
wp_dequeue_style( 'wp-block-library-theme' );
}
add_action( 'wp_enqueue_scripts', 'hugoSalazar_remove_wp_block_library_css', 100 );