Evitar la carga del plugin Contact form 7 en todas las paginas

por | Ene 28, 2021 | Plugins WordPress

Evitar la carga de Contact form7 en Todas la paginas

Contact Form 7 es uno de los mejores plugins de formularios para WordPress y esto es debido a su sencillez en la instalación, configuración y creación de formularios pero como la mayoría de plugins tiene sus “cosas malas” en cuanto a rendimiento.

El motivo es porque carga sus archivos CSS, JavaScript y Ajax en cada página de forma predeterminada, lo que puede afectar al rendimiento de la web e incluso puede causar problemas si el servidor con el que trabajamos tiene unos tiempo de respuesta bajos.

Seguro que te preguntas el porque los desarrolladores lo hacen de esa manera y no lo implementan desde un principio para que cargue solo donde lo necesitan. La razón es muy sencilla, porque no tienen manera se saber donde 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 ver cómo podemos evitar la carga de esos archivos si no son necesarios y que crear un formulario con Contact Form 7 merezca la pena.

Plugin Contact Form 7 width=

 

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:

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 ».

Archivo Wp-confir edt

Al final del archivo añadimos los siguientes Defines.

 

define( ‘WPCF7_LOAD_JS’, false );
define( ‘WPCF7_LOAD_CSS’, false );

 

Defines

 

2.- Desde el archivo funtions.php que encontramos la ruta wp-content -> themes -> Nombre_Plantilla

Para mi esta es la mejor opción si trabajamos con un tema hijo en WordPress.

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 seleccionas 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’ );

 

Añadir filtros

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.

Vamos a suponer que tenemos 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 donde 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.

Y con esto ya habríamos terminado, son dos pasos muy sencillos y que nos ayudarán a optimizar nuestra Web.

 

Conclusiones

La optimización de nuestra web es muy importante par 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 la web.

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.