De vez en cuando, es posible que escuche la queja sobre el tiempo de carga deficiente de la página. La mayoría de los usuarios de WordPress se enfrentan a este problema.

Incluso después de utilizar los consejos y trucos generales, la velocidad del sitio web no mejora. Eso es porque los fanáticos no tecnológicos no tienen idea de qué cosas se están cargando en segundo plano.
Siempre que elija un tema de WordPress, siempre se le indicará que lo pruebe en un entorno local. Eso es porque no todos los temas están optimizados para la velocidad.

Si es programador, es posible que sepa que JavaScript es un lenguaje de programación y, para un sitio web de WordPress, un lenguaje del lado del cliente.

Este tutorial le muestra cómo mover los archivos JavaScript de su tema de WordPress al pie de página del sitio web.

Ahora puede que se pregunte cuál será el beneficio. Cuando los usuarios cargan un sitio web, el navegador carga imágenes, archivos CSS, archivos JavaScript y más.

Sin embargo, si mueve JavaScript al pie de página, el usuario ni siquiera notará nada, ya que la mayoría de las cosas que maneja JavaScript se utilizan una vez que el sitio web está completamente abierto.

Entonces, los archivos JavaScript se cargan en segundo plano y la gente ve su sitio web antes que ellos.

Te ayuda directamente a aumentar la velocidad del sitio web. La experiencia del usuario es siempre lo primero en lo que debe centrarse, sabiendo que a nadie le gusta esperar a que se cargue un sitio web cuando está lento.

Hoy voy a guiarte a través de un proceso simple que puede ayudarte.

Comprender el concepto del Codex de temas de WordPress para JavaScript

Para realizar cambios, lo primero que debe saber es qué código controla este archivo y dónde encontrarlo.

Si sabe un poco sobre los temas de WordPress, es posible que ya sepa que el functions.php El archivo es uno de los archivos más importantes.

Incluso si no eres un técnico, es posible que ya hayas oído hablar de este archivo. Si no es así, no te preocupes, te ayudaré a encontrarlo.

Sigue estos pasos.

Paso 1

Inicie sesión en su panel de administración de WordPress y vaya a Apariencia >> Editor.

paso 2

Se abrirá una nueva página donde podrá ver los códigos. Sin embargo, necesita encontrar el archivo functions.php. Basta con echar un vistazo al menú de la derecha.

Buscar Funciones de tema (functions.php) y haga clic en eso.

Paso 3: – Una vez que lo haga, puede ver muchas de las características que controlan el funcionamiento de su tema de WordPress, o puede indicar las características de su sitio web.

Necesita encontrar una función que agregue los archivos de script.

Buscar «wp_enqueue_script».

Ahora es el momento de explicar este código. Se le pueden pasar muchos parámetros.

wp_enqueue_script ( $handle, $src, $deps, $ver, $in_footer );
  • $ handle: – Es el nombre del archivo.
  • $ src: – dirección o ruta del archivo.
  • $ deps: – Es una matriz que procesará el script.
  • $ ver: – Es la versión del archivo.
  • $ in_footer: – «False» está configurado de forma predeterminada.

Entonces, si cambia el último parámetro a «Cierto»el archivo JavaScript se mueve al pie de página.

¿No es tan fácil?

Es posible que el desarrollador del tema haya puesto en cola muchos archivos JavaScript.

Nota: No realice ningún cambio si no está familiarizado con el Código de cuestiones.

Déjame mostrarte un ejemplo de la funcionalidad completa.

function the_script_file() {
wp_enqueue_script ( 'script', get_template_directory_uri() . '/Js/script.js' , " , '1.0', true );
}
add_filter ( 'wp_enqueue_scripts', 'the_script_file' );

Cada desarrollador de temas de WordPress tiene un estilo diferente de codificación, por lo que las características son diferentes.

Lo más importante es encontrar que «wp_enqueue_script» Codex y establezca el valor de $ in_footer a «Cierto».

Luego, guarde el archivo y verifique el código fuente de su sitio web.

El archivo JavaScript se mueve al pie de página.

Espero que puedas encontrar el archivo functions.php

Si no ve la opción de editor en su panel de WordPress, deberá acceder a este archivo a través del cPanel de su sitio web.

¿Puedes cambiar el código requerido en tu administrador de WordPress?

Mencioné la forma más fácil de editar el archivo functions.php. Incluso un principiante puede hacer esto. Todo lo que tiene que hacer es encontrar el códice de WordPress para scripts y cambiar el parámetro.

Sé que quizás se esté preguntando si esta es la forma más fácil de hacerlo. Si tiene miedo de hacer este cambio, puede pedirle a su amigo técnico que lo haga por usted.

Nota: Quiero mencionar que debe hacer una copia de seguridad de su sitio web y base de datos antes de realizar cualquier cambio.

La mayoría de la gente lo olvida y rompe su sitio web. No deberías correr riesgos. Como se mencionó anteriormente, functions.php es uno de los archivos más importantes, por lo que debe manejarse con cuidado.

Agregar algo más detendrá algunas de las funciones de su sitio web. Romperá el diseño del sitio web. La precaución es la madre de la caja de porcelana.

Conclusión

El objetivo final es retrasar la carga en el archivo JavaScript para que el navegador pueda mostrar rápidamente el sitio web a los usuarios.

Si mantiene los archivos de secuencia de comandos en el encabezado, el navegador tardará tanto tiempo en cargar todos los archivos y mostrar el sitio web.

Así que les mostré un truco simple para mover el archivo JavaScript al pie de página del sitio web. Esto ayuda a mejorar el tiempo de carga de la página del sitio web.