Es posible que te hayas encontrado con PageSpeed Insights "Aplazar el análisis de JavaScript" al realizar una prueba de velocidad de tu sitio web. Aquí te explicamos cómo hacerlo fácilmente en WordPress.
Aplazar JavaScript en WordPress
Hay tres maneras principales de aplazar el análisis de JavaScript en WordPress. Un plugin de WordPress ofrece una excelente solución para posponer el análisis de JavaScript. Puedes encontrar plugins gratuitos y premium para ello. Con la ayuda de dos plugins populares, te mostraremos exactamente cómo lograrlo.
Usar el método Varvy es una opción si eres un usuario experto en tecnología y estás dispuesto a editar el código directamente en tu sitio para usar el fragmento de Varvy.
También es posible retrasar automáticamente la carga de scripts en el archivo functions.php del tema hijo añadiendo un pequeño fragmento de código. Empecemos con el primer método:
1. Complemento gratuito de JavaScript asíncrono
Frank Goossens ha creado un complemento gratuito para WordPress llamado Async JavaScript, desarrollado por el mismo creador del complemento viral Autoptimize.
Con él, puedes simplemente diferir el análisis de JavaScript mediante métodos async o defer.
Puedes empezar instalando y activando el plugin gratuito de WordPress.org para iniciar el proceso. Después, podrás configurar el plugin en la sección JavaScript asíncrono de la página Configuración.
En la parte superior, puedes habilitar la funcionalidad del complemento y elegir entre asíncrono y diferido.
Se descarga JavaScript mientras aún se analiza HTML durante la descarga asincrónica, pero el análisis de HTML se pausa para ejecutar JavaScript.
Esta función permite descargar JavaScript mientras aún se analiza el HTML y espera para ejecutarlo después de que se haya analizado el HTML.
Puedes elegir cómo jQuery más adelante en la página. Podrías interrumpir la funcionalidad principal de tu sitio web si intentas aplazar el análisis de tus scripts de jQuery. Para mayor seguridad, te conviene excluir jQuery, pero si quieres experimentar aplazándolo, también está bien. Prueba tu sitio web antes de publicarlo.
También hay una característica fácil de usar que le permite seleccionar temas o complementos específicos que están activos en su sitio eligiendo si deben diferirse o no, así como la capacidad de incluir o excluir manualmente scripts específicos para que no se retrasen.
2. Utilice el complemento WP Rocket
El complemento WP Rocket es uno de los pocos complementos de almacenamiento en caché que permitimos porque tiene integración incorporada para almacenamiento en caché a nivel de servidor que se integra sin problemas con el complemento WP Rocket.
La pestaña Optimización de archivos del panel de control de WP Rocket incluye muchas otras opciones de optimización del rendimiento y la posibilidad de aplazar el análisis de JavaScript, que se encuentra en la pestaña Rendimiento. En la sección Archivos JavaScript, encontrarás la opción "Cargar JavaScript aplazado".
Utilice el método recomendado por Varvy
Anteriormente en esta publicación, mencionamos que Patrick Sexton de Varvy recomendó usar un fragmento de código que esperaría hasta que se completara la carga inicial de su sitio antes de descargar y ejecutar JavaScript.
Al modificar el fragmento de código que proporciona Varvy y luego agregar el script directamente antes de la etiqueta de cierre de la etiqueta del cuerpo, puede implementar este método utilizando el fragmento de código que proporciona Varvy como plantilla.
Puede encontrar más artículos como este en Seahawk Media Blog .
¿Quieres que tu sitio de WordPress sea más rápido? Elige nuestro servicio de optimización de velocidad de WordPress .
