Contact Form 7 es uno de los complementos de formulario de contacto gratuitos más utilizados. En el momento de este artículo, tiene más de 16 millones de descargas. Creo que es justo considerarlo el complemento de formulario de contacto más utilizado.
Con esta gran audiencia, la optimización del uso de Contact Form 7 parece ser la optimización de un número significativo de usuarios de WordPress. Si aún no lo sabe, Contact Form 7 incluye sus archivos CSS y JavaScripts en todas y cada una de las páginas de su sitio..
Esta inclusión redundante y derrochadora debe abordarse.
Un archivo CSS y / o JavaScript adicional en cada página será como el equipaje adicional que no desea recoger cuando camina a pie. Dos extra HTTP
las solicitudes pueden afectar negativamente el tiempo de carga de su sitio.
Si ha leído mi Guía para principiantes de WordPress SEO por Yoast, está al tanto del hecho, a Google le encanta clasificar los sitios que tienen un tiempo de carga de página inferior a 1. Los primeros 14 KB son los críticos..
Es posible que desee cargar estos archivos CSS y JavaScript solo en las páginas en las que está utilizando el complemento Formulario de contacto 7 para crear un formulario. Evitará que su sitio cargue archivos adicionales en cada página, en lugar de que estos archivos se carguen solo en las páginas con formularios de contacto.
Según el autor del plugin, Takayuki Miyoshi:
Entiendo la sensación, pero existe una dificultad técnica para que un complemento sepa si la página contiene formularios de contacto o no al inicio de la carga..
En primer lugar, debemos verificar qué páginas tienen formularios de contacto. Luego tenemos que cancelar el registro del archivo CSS generado por el complemento CF7 para todas las demás páginas.
Encontremos la babosa de tu página con el formulario de contacto. Ir Páginas. Hacer clic Edición rapida y copia la babosa.
Tomemos un ejemplo explícito: imagina que tienes una página titulada "Contáctanos" que tiene un slug de URL Contáctenos
. Agregue el siguiente código en su tema funciones.php
archivo al final.
// Deregist Contact Form 7 styles add_action ('wp_print_styles', 'aa_deregister_styles', 100); function aa_deregister_styles () if (! is_page ('contact-us')) wp_deregister_style ('contact-form-7');
Este código agrega una función. aa_deregister_styles ()
que comprueba si la página no está Contáctenos
luego anula el registro del estilo CSS por CF7 para otras páginas.
Del mismo modo, con las fuentes de JavaScript, eliminaremos el registro de todas las páginas, excepto las que tengan formularios de contacto..
Agregue el siguiente código en su tema funciones.php
archivo al final:
// Eliminar archivos de JavaScript del Formulario de contacto 7 en todas las páginas sin un formulario add_action ('wp_print_scripts', 'aa_deregister_javascript', 100); function aa_deregister_javascript () if (! is_page ('contact-us')) wp_deregister_script ('contact-form-7');
Este código agrega una función. aa_deregister_javascript ()
que comprueba si la página no está Contáctenos
luego anula el registro del archivo JavaScript por CF7 para todas las otras páginas.
Eso es. Has optimizado exitosamente tu plugin CF7.
La respuesta a esta pregunta es simple: estoy usando is_page ()
Función que tiene una referencia de función masiva en WordPress Codex: is_page (). Puede agregar una matriz de páginas. Puede obtener un valor de parámetro como ID de página, Título de página o Recorrido de página.
/ ** * is_page (array (ID, 'slug', 'Título')); * Devuelve verdadero cuando las Páginas mostradas son post ID 42, post_name "about-me" o post_title * / is_page (array (42, 'about-me', 'Contact'));