Cómo desactivar los estilos CSS de los bloques de WooCommerce si no los usas

Entre los muchos recursos que WordPress carga sistemáticamente en todas las páginas de tu web está todo lo relacionado con los bloques, y ya vimos cómo desactivar estilos de los bloques del editor si no lo usas.

Lo mismo pasa con la edición completa del sitio, y los estilos globales que carga salvo que lo evites.

Pero ahí no acaba la cosa, porque si tienes instalado WooCommerce, el plugin para crear tiendas online con WordPress, aunque el editor de productos aún es el clásico, WooCommerce añade bloques, por si quieres usarlos en entradas o páginas, y claro, se cargan estilos para esos bloques en tu web, los uses o no.

Así que, si tienes instalado WooCommerce y no piensas usar sus bloques en tus entradas y páginas, puedes impedir que se cargue el CSS de los estilos de estos bloques en todas las páginas de tu web, añadiendo este sencillo código:

/* Quitar estilos de bloques Woo */
function ayudawp_quitar_estilos_bloques_woo() {
wp_deregister_style( 'wc-blocks-style' );
wp_dequeue_style( 'wc-blocks-style' );
}
add_action( 'enqueue_block_assets', 'ayudawp_quitar_estilos_bloques_woo' );

Con esto dejarán de cargarse 22,8 Kb de estilos adicionales en todas las páginas de tu web, que son CSS sin uso, que los analizadores de rendimiento detectarán como tales, y lo más importante, que no necesitas si no usas bloques de WooCommerce.

Cuando apliques el código anterior dejará de cargarse ese CSS sin uso, reduciendo los tiempos de carga de todas ellas.

¿Dónde añadir este código?

Puedes añadir el código de varias maneras. Aquí te dejo una guía sencilla de cómo hacerlo:

Cómo y dónde pegar en WordPress códigos PHP, JS, CSS y funciones que encuentres por ahí

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!