¿Cómo posponer el análisis de JavaScript en WordPress?

En esta publicación, descubrirá sobre el análisis de JavaScript en WordPress. Diferir el análisis de JavaScript significa cargar JavaScript después de cargar el contenido principal de la página para que el usuario no tenga que esperar y mirar la página vacía, este es uno de los consejos de optimización de velocidad de WordPress y, una vez implementado con éxito, mejore el sitio de WordPress Velocidad de carga.
¿Qué es el análisis de diferencias de JavaScript?
Prueba de velocidad para verificar
Método Async vs. Aplazar
¿Cómo posponer el análisis de JavaScript en WordPress?
¿Qué es el análisis de diferencias de JavaScript en WordPress? Al ejecutar su sitio de WordPress a través de una prueba de velocidad como la prueba de velocidad GTMTRIX o Pingdom o Google PageSpeed ​​Insights, puede encontrar la sugerencia para posponer el análisis de JavaScript.
Si no sabe qué es, probablemente no sepa la importancia del análisis de JavaScript para el rendimiento de su sitio. Una página consta de muchos elementos, como HTML, CSS, JavaScript y varios otros elementos. Entonces, cuando alguien visita la página web, el servidor entrega la página a través de HTTP. Desde el cliente, el navegador del visitante carga la página web, y esa carga comienza desde la parte superior y termina en la parte inferior mientras se reproduce la página web. Mientras tanto, si hay JavaScript en el medio de la página, la representación se detendrá hasta que descargue y analice JavaScript. El navegador hará esto para cada código JavaScript en su página, que puede afectar la velocidad de carga de la página, ya que la página permanecerá vacía hasta que JavaScript se analice.
Sin embargo, si hay un JS que no es útil para el funcionamiento de su sitio (por ejemplo, el script de la página de Facebook), no desea que ese script restrinja la parte principal de la página. Viene en el rescate aplazando el análisis de JavaScript en el sitio web de WordPress. El aplazamiento del análisis de JavaScript significa el cambio de la página, para que el navegador pueda cargar todo el contenido sin esperar a que se cargue el script. Al hacer algunos cambios en el sitio, puede permitir que el navegador analice JavaScript. Ventajas de retrasar el análisis JS: Experiencia mejorada del usuario: el navegador cargará el contenido principal de la página web, y los visitantes no deben esperar
Mejor rendimiento de SEO: Acceso de rastreadores rápidos por Google Bots. Sin embargo, puedes leer más sobre Java SEO.
Pruebe para verificar si tiene que posponer el análisis JS ejecutado a través de GTMTRIX o Pingdom.
Usamos GTMetrix para averiguar si sugiere el aplazamiento del análisis de JavaScript o no. Método Async vs. Diferir hay dos formas de posponer JavaScript.

Asíncrata
Posponer
Ambos tipos de métodos permiten que el navegador descargue JS sin interrumpir el análisis HTML. La diferencia entre Async y Difer es que aunque Async no interrumpe el análisis HTML para descargar JS, interrumpa el analizador HTML para ejecutar el script una vez que se descarga. Por otro lado, con Difer, el navegador descargará JS durante el análisis HTML, pero realizará el script una vez que se complete el análisis HTML. Otro método es poner el código JavaScript en la parte inferior de la página. Entonces, la página cargará JS después de cargar el contenido de la página.
Sin embargo, la página mostrará el signo de carga hasta que JS se ejecute correctamente. Por lo tanto, algunos visitantes pueden no interactuar con la página hasta que la página esté completamente cargada. Cómo posponer el análisis de JavaScript en WordPress para posponer el análisis de JavaScript en WordPress, hay dos métodos que puede usar.
Function.php
Los complementos para posponer el análisis de JavaScript en WordPress, muchos complementos pueden posponer el análisis de JS. Top 3 complementos de WordPress para el embarazo:
Javascript asíncrono
Optimizar automáticamente
Velocidad
Javascript asíncrono
Async JavaScript es un complemento de WordPress gratuito y fantástico de la misma persona que ha creado el complemento de autoevaluación.
El complemento le brinda dos formas de posponer el análisis de JavaScript, async o diferir. JavaScript Asincron está disponible de forma gratuita en wordpress.org. Descargue y active el complemento. Luego vaya a Configuración> JavaScript Asynchronous. Verifique JavaScript Async y active el complemento para realizar su tarea.

También encontrará una opción para seleccionar async o diferir. La opción Async descargará JavaScript mientras el análisis HTML, luego interrumpirá el análisis HTML y realiza JavaScript, la opción Difer descargará JavaScript mientras HTML continúa analizando y espere hasta que se complete el análisis HTML, luego ejecutará JavaScript.

Seleccione la opción correcta para su sitio optimizar automáticamente

Como mencioné, AutoPtimize es un complemento popular y útil para varias optimizaciones de WordPress. Hay una función en este complemento para posponer JavaScript. Descargue el complemento de WordPress Plugin Warehouse. Después de activar el complemento, vaya a la configuración del complemento. En la página de Configuración de complementos Settimize, verifique la opción “JavaScript Code Optimization” y pospondrá todos los scripts no esenciales o los moverá en el sótano. En la pestaña adicional, puede enumerar todos los scripts que desea agregar al atributo Async .
Velocidad

Otro complemento de WordPress que facilita esta tarea es Speed ​​Booster Pack. Speed ​​Booster puede hacer mucho más, pero lo usaremos para posponer el análisis de JavaScript en WordPress. Para comenzar, descargue el complemento de wordpress.org, donde está disponible de forma gratuita. Activelo y abra la configuración.

Abra la pestaña avanzada desde la página de configuración de Speed ​​Booster.
Navegar por la optimización de JavaScript

Consulte el aplazamiento del análisis JS

Guarde los cambios cuando haya terminado
Posponga javascript a través de las funciones del archivo.php El siguiente método es editar el archivo functions.php.
Debe agregar el código de atributo a los archivos JavaScript agregando el siguiente código a las funciones.php. Function Defer_parsing_of_js ($ url) {if (is_user_logged_in ()) return $ url; // No rompa wp admin if (false === strpos ($ url, ‘.js’)) return $ url; if (strpos ($ url, ‘jquery.js’)) devolver $ url; return str_replace (‘src’, ‘diferir src’, $ url); } add_filter (‘script_loader_tag’, ‘Defer_parsing_of_js’, 10); Este código simple hace la misma tarea que el complemento Async o autoaptizado. Pero hay mucho menos control y más riesgo en la edición de funciones.php. Si tiene la intención de usar este método, edite el archivo de forma segura.
Haga una copia de seguridad del sitio antes de editar
Ir al tablero de WordPress
Apariencia

Haga clic en Functions.php en archivos de temas
Pegue el código en la parte inferior del archivo
Haga clic en Actualizar archivo
Riego Use cualquier método mencionado en la publicación para posponer el análisis de JavaScript en WordPress. Pero verifique el rendimiento de su sitio realizando una prueba de velocidad. Es una optimización de opción crucial para WordPress. Pero el sitio debería funcionar correctamente.
A veces, cuando la optimización no se realiza correctamente, la página se rompe. Por lo tanto, debe verificar las páginas críticas de su sitio si tiene alguna pregunta o problema, déjelas en el cuadro de comentarios.