El plugin contact 7 es uno de los plugins de formulario de contacto gratuito más utilizados. Actualmente tiene más de 18 millones de descargas. Creo que es justo considerarlo como el plugin de formulario de contacto más usado.
Con esta gran audiencia, optimizar el uso del Formulario de Contact 7 parece importante para un número significativo de usuarios de WordPress. Si aún no lo sabes, el Formulario de Contact 7 incluye sus archivos CSS y JavaScripts en todas y cada una de las páginas de tu sitio.
Es decir incluye todas sus librerías en todos los sitios de tu WordPress por lo que te bajará el rendimiento en pagespeed.
¿Por qué estamos haciendo esto?
Un archivo CSS y/o JavaScript extra en cada una de páginas será como una carga extra para tu web que no es necesario que tengamos. Dos peticiones HTTP adicionales pueden afectar negativamente al tiempo de carga de su sitio.
Cómo ya sabrás Google le encanta clasificar bien en los primeros resultados del buscador los sitios que tienen tiempo de carga de la página por debajo de 1 segundo. Por lo tanto los primeros 14 KB son los más críticos.
Es posible que quieras cargar estos archivos CSS y JavaScript sólo en las páginas en las que está utilizando el plugin Formulario de contact 7 para crear un formulario, esto sería lo ideal claro. Y con esto harías que tu página cargará estos archivos adicionales en cada página en que los utilice en lugar de cargar esos archivos siempre.
Bien, pues vamos a hacerlo ya.
Formulario de contact 7 y optimización
Paso 1: Desregistro de los archivos CSS del CF7
En primer lugar, tenemos que comprobar qué páginas tienen formularios de contacto. Luego tenemos que eliminar el archivo CSS generado por el plugin CF7 para todas las demás páginas.
Buscar la URL de las páginas que utilizan el contact 7
Vamos a ver un ejemplo explícito: Imagínese que tiene una página titulada “Contáctenos” que tiene una URL slug contact-us. Agregue el siguiente código en el archivo functions.php de su tema al final.
Desregistrar librerías del Formulario de contact 7
add_action( 'wp_print_styles', 'quitando_styles', 100 );
function quitando_styles() {
if (! is_page( 'contact-us') ) {
wp_deregister_style( 'contact-form-7');
}
}
Este código añade una función quitando_styles() que comprueba si la página no tiene un formulario y luego elimina el estilo CSS de CF7 para otras páginas.
Paso 2: Desregistro de los archivos JavaScript CF7
Así mismo con los JavaScript, realizaremos la misma operación lo daremos de baja para todas las páginas excepto para aquellas con formularios de contacto.
Añade el siguiente código en el archivo functions.php de tu theme:
Borrar formulario de contacto 7 archivos JavaScript en todas las páginas sin formulario.
add_action( 'wp_print_scripts', 'quitando_javascript', 100 );
function quitando_javascript() {
if (! is_page( 'contact-us') ) {
wp_deregister_script( 'contact-form-7');
}
}
Este código añade una función quitando_javascript() que comprueba si la página no es contact-us y luego elimina el archivo JavaScript por CF7 para todas las demás páginas.
Eso es todo. Hecho esto te cargará las librerías solo en el caso de que sea necesario.