Contact Form 7 (CF7) es uno de los plugins de formularios de contacto más populares en WordPress, y aunque es altamente personalizable y fácil de usar, a veces es necesario ajustar su comportamiento para optimizar el rendimiento del sitio web. En este artículo, aprenderás cómo quitar los archivos CSS y JavaScript y reCAPTCHA de Contact Form 7 en páginas específicas de tu sitio web de WordPress.

Para deshabilitar la carga de archivos CSS y JavaScript de Contact Form 7 en todas las páginas, excepto en las que desees, utiliza el siguiente código. Agrega este código al archivo functions.php de tu tema activo en WordPress:

// byLuis - Load CF7 only on pages with forms
function byluis_conditional_cf7() {
    if( ! is_page( array( 'contacto', 'contactanos' ) ) ) {
        add_filter( 'wpcf7_load_js', '__return_false' );
        add_filter( 'wpcf7_load_css', '__return_false' );
        remove_action( 'wp_enqueue_scripts', 'wpcf7_recaptcha_enqueue_scripts', 20, 0 );
    }
}
add_action( 'get_header', 'byluis_conditional_cf7' );

Este código verifica si la página actual no es una de las páginas especificadas, el array dentro de la función is_page(). Si la página no está en la lista, deshabilita la carga de archivos CSS y JavaScript de Contact Form 7 y evita que se carguen los scripts de reCAPTCHA de Google.

Si deseas cambiar las páginas en las que se aplican estos cambios, simplemente modifica los slugs dentro del array en la función is_page(). Por ejemplo, si deseas deshabilitar la carga de archivos CSS, JavaScript y reCAPTCHA en todas las páginas, excepto en «contactanos» y «contacto», el array debe ser array( ‘contactanos’, ‘contacto’ ) tal como en el código de ejemplo.

Optimizar el rendimiento de tu sitio web (WPO) de WordPress es crucial para brindar una experiencia fluida a los visitantes y mejorar tu clasificación en los motores de búsqueda. Al eliminar los archivos innecesarios de Contact Form 7 en páginas específicas, puedes reducir la cantidad de recursos que se cargan y mejorar la velocidad de carga de tu sitio web.

Recuerda siempre probar cuidadosamente cualquier cambio de código antes de implementarlo en un entorno de producción para garantizar que no afecte negativamente la funcionalidad de tu sitio.