Problema de rendimiento y seguridad: Desactiva ya los estilos globales (global-styles) de la edición completa del sitio

Desde WordPress 5.9, uses o no la edición completa del sitio, esté tu tema activo preparado para FSE o no, WordPress carga todo lo necesario para los estilos globales de theme.json en cada página de tu web.

Y te aseguro que son un montón de estilos, que no necesitas…

Por qué es un problema cargar los global-styles de la edición completa del sitio

Además de cargar una serie de estilos innecesarios, lo que aumenta el peso de todas tus páginas, lo hace de modo inline (integrado en el código), lo que supone un problema adicional de seguridad, al ser una práctica no recomendada por la directiva de seguridad CSP de OWASP, llegando al extremo de que si tienes activa esta directiva de seguridad puedes estar tú mismo bloqueando la carga de tus páginas por culpa de estos estilos.

Así que, si no tienes activo un tema de bloques, compatible con FSE, si tu tema no necesita tamaños de fuente, degradados o colores globales de la edición completa del sitio, lo recomendable es que desactives la carga de los estilos globales de Gutenberg.

Cómo desactivar los global-styles de FSE de Gutenberg

Para desactivar la carga de todos estos estilos innecesarios – si es tu caso – de los global-styles, solo tienes que ejecutar la siguiente función:

/* Quitar estilos globales de FSE */
add_action( 'wp_enqueue_scripts', 'remove_global_styles' );
function remove_global_styles(){
wp_dequeue_style( 'global-styles' );
}

Puedes ejecutar la función añadiéndola al final del archivo functions.php del tema (hijo) activo, a tu plugin de personalizaciones o mediante algún plugin de fragmentos de código.

En esta guía te explico cómo hacerlo si aún no lo has hecho anteriormente:

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

Guarda los cambios y ya no se cargarán los global-styles de la edición completa del sitio en tus páginas.

¿De cuánta utilidad te ha parecido este contenido?

¡Haz clic en los emoticonos para valorarlo!

Promedio de puntuación 5 / 5. Total de votos: 11

Hasta ahora ¡no hay votos!. Sé el primero en valorar este contenido.

Ya que has encontrado útil este contenido...

¡Sígueme en los medios sociales!

¡Siento que este contenido no te haya sido útil!

¡Ayúdame a mejorar este contenido!

Por favor, dime, ¿cómo puedo mejorarlo?

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

Sobre el autor

3 comentarios en “Problema de rendimiento y seguridad: Desactiva ya los estilos globales (global-styles) de la edición completa del sitio”

  1. Hola Fer. Muchas gracias por el artículo. He seguido los pasos y ya no carga los global-styles. Puedo verificar de alguna forma la mejora? es decir, el antes y después de quitarlos. Gracias.

  2. Me ha venido muy bien la info.

    Después de trastear un poco con esto, también recomiendo añadir:

    add_filter( ‘should_load_separate_core_block_assets’, ‘__return_true’ );

    Para que solo cargue los estilos/scripts de los bloques en uso en cada página.

Deja un comentario

Tu dirección de correo electrónico no será publicada.

Información base sobre privacidad:
  • Responsable: Fernando Tellado ([email protected])
  • Fin del tratamiento: Moderación de comentarios para evitar spam
  • Legitimación: Tu consentimiento
  • Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal
  • Derechos: Acceso, rectificación, portabilidad, olvido

 

Ir arriba
Ir al contenido