Purgando Librerías «Bloat» y Diferiendo Scripts en WordPress

En el desarrollo de temas de alto rendimiento para WordPress, la gestión del encabezado (head) es crítica. El núcleo de WordPress, diseñado para cubrir la máxima compatibilidad, tiende a encolar recursos que en sitios modernos con diseño personalizado resultan en un «bloat» técnico significativo. Realizar una purga quirúrgica de estos elementos es el paso final hacia una web optimizada al extremo.

#Librerías Heredadas: Dashicons y Thickbox

Diferenciar entre lo que WordPress necesita para funcionar y lo que el usuario final necesita ver es fundamental. Dashicons es la fuente de iconos oficial del panel de administración, pero WordPress la carga a menudo también en el front-end por si algún widget la utilizara. Del mismo modo, Thickbox es una librería de efectos visuales (modales) antigua que ha sido superada por implementaciones más modernas y ligeras.

#La Carga de los Estilos Clásicos e Inline

Con la transición hacia el editor de bloques (Gutenberg), WordPress comenzó a inyectar bloques de estilos inline tanto para bloques estándar como para «temas clásicos» (classic-theme-styles-inline-css). En un tema construido desde cero con un sistema de diseño propio, estos estilos actúan como ruido digital, aumentando el tamaño del documento HTML base y complicando la depuración del CSS.

#Carga No Bloqueante: Atributo Defer

La optimización de scripts no se limita a su eliminación. Para aquellos scripts esenciales, como un motor de búsqueda, la técnica de diferimiento (defer) es vital. Al añadir el atributo defer, el navegador descarga el archivo de forma asíncrona pero espera a que el HTML esté completamente parseado para ejecutarlo, eliminando el bloqueo que suele ocurrir cuando el navegador encuentra un <script> clásico.

Consideremos un escenario habitual en una auditoría de rendimiento. Un sitio técnico presentaba un retraso de 200ms en el inicio del renderizado. Tras inspeccionar los recursos, se descubrió que el navegador estaba procesando la librería Thickbox y 9KB de estilos de bloques antiguos antes de mostrar la cabecera. Mediante una intervención técnica, se logró aislar estos recursos:

// Archivo: inc/optimization.php

function github_theme_remove_wp_bloat() {
    wp_dequeue_style('wp-block-library');
    wp_dequeue_style('classic-theme-styles');
    
    if (!is_admin()) {
        wp_dequeue_style('dashicons');
        wp_dequeue_style('thickbox');
    }
}
add_action('wp_enqueue_scripts', 'github_theme_remove_wp_bloat', 100);

Este ajuste, sumado a la implementación de defer para el script de búsqueda, permitió que el sitio técnico redujera su tiempo de interacción (Time to Interactive) y eliminara peticiones HTTP redundantes, logrando una arquitectura de carga mucho más precisa.

Recuerda que si este código lo pones en la ruta especificada exista la llamada a él en el functions.php de tu theme.

require get_template_directory() . '/inc/optimization.php';

#Cuándo usar / Cuándo NO usar

#Resumen Metodológico