Contact Form 7 es uno de los plugins de formularios más populares para WordPress debido a su sencillez en la instalación, configuración y creación de formularios. Sin embargo, como la mayoría de plugins, tiene su cosas malas en cuanto a rendimiento.
El motivo es que carga sus archivos CSS, JavaScript y Ajax en cada página de forma predeterminada, lo cual puede afectar al rendimiento de la web e incluso puede causar problemas si el servidor con el que trabajamos tiene unos tiempos de respuesta bajos.
Seguro que te preguntas por qué los desarrolladores lo hacen de esa manera y no lo implementan desde un principio para que cargue solo donde lo necesitan. Pues, bueno, la razón es muy sencilla: porque no tienen manera se saber dónde lo vamos a usar. Por ejemplo, en Contact Form 7 lo podemos usar en la página de contacto pero también podemos utilizar formularios para productos o incluso dentro de una entrada para pedir información.
En esta entrada vamos a ver cómo podemos evitar la carga de esos archivos si no son necesarios.
1.- Deshabilitar JS y CSS en todas las páginas de la Web
Tenemos dos maneras de deshabilitar Contact Form 7 en nuestra instalación:
1.- Desde el archivo wp-config que encontramos en la raíz de la instalación de nuestro WordPress
Si utilizamos cPanel accedemos al Administrador de archivos
Accedemos a public_html y a la carpeta donde tenemos la instalación.
Seleccionamos el archivo wp-config con el botón de la derecha y del menú seleccionamos «edit«.
Al final del archivo añadimos los siguientes defines.
define( 'WPCF7_LOAD_JS', false );
define( 'WPCF7_LOAD_CSS', false );
2.- Desde el archivo funtions.php que encontramos en la ruta wp-content -> themes -> Nombre_Plantilla
Para mí, esta es la mejor opción si trabajamos con un tema hijo
En este caso tendremos que acceder a la carpeta donde tenemos nuestra plantilla e, igual que hicimos antes, con el botón de la derecha seleccionamos el archivo functions.php y lo editamos.
Al final del archivo añadimos los siguientes filtros:
add_filter( 'wpcf7_load_js', '__return_false' ); add_filter( 'wpcf7_load_css', '__return_false' );
Con esto hemos logrado detener la carga de esos archivos pero, claro, los necesitamos cargar en las páginas donde tengamos formularios y eso es lo que vamos a realizar en el siguiente paso.
2.- Cargar los archivos en las páginas donde tengamos formularios.
Suponiendo que tengamos un formulario en al pagina de ‘Contacto‘ y otro en la página de ‘Inicio‘, solo tendríamos que añadir la siguiente función en el archivo functions.php
function we_carga_contactform7(){if ( is_page('contacto, inicio') ) {
if ( function_exists( 'wpcf7_enqueue_scripts' ) ) {
wpcf7_enqueue_scripts();
}
if ( function_exists( 'wpcf7_enqueue_styles' ) ) {
wpcf7_enqueue_styles();}
}
}
add_action( 'wp_enqueue_scripts', 'we_carga_contactform7' );
Si os dais cuenta, en el código tenemos una condición en la que le indicamos las páginas dónde tiene que cargar los archivos. En este caso sería en la página de contacto y en la de inicio «if ( is_page(‘contacto, inicio’) )«.
Podemos añadir las páginas que necesitemos simplemente añadiendo slug de la página y separándolas por comas. Aquí te explicamos más sobre qué es un slug.
Y con esto ya habríamos terminado. Son dos pasos muy sencillos y que nos ayudarán a optimizar nuestra web.
Conclusión
La optimización de nuestra web es muy importante para que Google nos quiera más y nos coma a besos, sin olvidarnos de los visitantes de nuestra web, los cuales verán una mejora en la carga de esta.
Cualquier micro segundo que podamos recortar a la carga, son puntos que ganamos y la velocidad es un factor importante para una mejor visibilidad de nuestra marca.