En este artículo, disertaremos en detalle acerca de un código particular de WordPress que cumple una función muy específica, pero esencial para la optimización de la velocidad de carga de nuestro servidor.
Este código se centra principalmente en la carga de los scripts que son utilizados por el popular plugin de WordPress conocido como Contact Form 7.
Necesidad y uso del plugin para cargar los scripts y css de Contact Form 7 solo donde se necesitan.
Para entender mejor esta función, es importante primero entender que es un plugin. En términos simples, un plugin es una pieza de software que añade una funcionalidad específica a un sistema existente. En este caso particular, estamos hablando del plugin Contact Form 7 para WordPress, que es una herramienta ampliamente utilizada para la creación de formularios de contacto en las páginas web.
El código del que hablamos está diseñado para cargar estos scripts específicos solo en la página donde tenemos colocado el formulario de contacto. Esto significa que si tienes otras páginas en tu sitio web, como una página de inicio, una sección de blog o una tienda online, estos scripts no se cargarán en esas páginas, a menos que también contengan un formulario de contacto.
Esto contribuye en gran medida a optimizar la velocidad de carga de tu servidor, lo que, a su vez, puede mejorar la experiencia del usuario y aumentar las tasas de retención y conversión.
La razón por la que este código es beneficiario es porque cada script que se carga en una página web consume recursos de su servidor. Si tienes scripts que se cargan en todas las páginas de tu sitio web, incluso cuando no son necesarios, estás consumiendo innecesariamente recursos de servidor que podrían usarse para otras funciones.
Al limitar la carga de los scripts a solo aquellos lugares donde se necesitan, este código de WordPress ayuda a reducir la carga en tu servidor, permitiendo que otras funciones se ejecuten de manera más eficiente y rápida.
Este código de WordPress, por lo tanto, no solo ayuda a mejorar la velocidad de carga de tu servidor, sino que también mejora la eficiencia general de tu sitio web.
Al minimizar la cantidad de recursos de servidor utilizados, puedes asegurarte de que tu sitio web se esté ejecutando de la manera más eficiente posible.
Este enfoque también puede ayudar a mejorar otros aspectos de tu sitio web, como la capacidad de respuesta y la usabilidad, que son factores clave para mantener a los usuarios comprometidos y para garantizar una alta tasa de retorno.
<?php
/**
* Plugin Name: 00 CF7 Load on Contact Page
* Plugin URI: https://webyblog.es/
* Description: Carga los scripts y estilos de Contact Form 7 solo en la página con el slug 'web-contactar'.
* Version: 1.0.0
* Author: Juan Luis Martel
* Author URI: https://webyblog.es/
* License: GPL2
*/
// Previene la ejecución directa del archivo.
if ( ! defined( 'ABSPATH' ) ) {
exit;
}
/**
* Desactiva la carga automática de scripts y estilos de CF7.
*/
add_filter( 'wpcf7_load_js', '__return_false' );
add_filter( 'wpcf7_load_css', '__return_false' );
/**
* Carga los scripts y estilos de CF7 solo en la página con el slug 'web-contactar'.
*/
function jlmr_cargar_cf7_en_contactar() {
if ( is_page('web-contactar') ) {
// Verifica si las funciones de CF7 existen antes de llamarlas.
if ( function_exists( 'wpcf7_enqueue_scripts' ) ) {
wpcf7_enqueue_scripts();
}
if ( function_exists( 'wpcf7_enqueue_styles' ) ) {
wpcf7_enqueue_styles();
}
}
}
// Engancha la función al hook 'wp_enqueue_scripts'.
add_action( 'wp_enqueue_scripts', 'jlmr_cargar_cf7_en_contactar' );
Este plugin desactivará la carga automática de los scripts y estilos de Contact Form 7 en todo el sitio y los cargará únicamente en la página con slug «web-contactar». Esto mejorará el rendimiento al reducir la carga innecesaria de recursos en las páginas donde no se necesita el formulario.
Explicación del funcionamiento del plugin que permite cargar los scripts y css del plugin Contact Form 7 solo en la pagina del formulario de contacto.
jlmr_cargar_cf7_en_contactar(): Esta es la función que se encargará de cargar los scripts y estilos.
is_page(‘web-contactar’): Verifica si la página actual es la que tiene el slug ‘web-contactar’
wpcf7_enqueue_scripts() y wpcf7_enqueue_styles(): Estas funciones de Contact Form 7 se llaman para cargar los scripts y estilos respectivamente.
add_action(): Engancha la función jlmr_cargar_cf7_en_contactar al hook wp_enqueue_scripts, que es el momento adecuado para encolar scripts y estilos en WordPress.
Este código de WordPress desempeña una función esencial para optimizar la velocidad de carga y la eficiencia de tu servidor. Al permitir la carga de los scripts del plugin Contact Form 7 solo en las páginas donde se necesita, podemos minimizar el uso de recursos del servidor, mejorando así la experiencia general de los usuarios en nuestro sitio web.
Puedes descargar el plugin que carga los scripts y los css de Contact Form 7 solo en la pagina del formulario de contactar en el siguiente enlace:
