En esta guía te explico cómo reducir el tiempo de ejecución de JavaScript en WordPress.
Como su nombre indica, es el tiempo que tarda en ejecutarse el código JavaScript de una web.
Una tarea imprescindible para tener una web rápida.
Vamos a ello.
¿Cómo analizar el tiempo de ejecución de JavaScript?
Para analizarlo es tan sencillo como ir a PageSpeed y analizar tu web.
Si es una tarea grave, estará de las más visibles y si está optimizada no la verás.
Este es el tiempo que tarda el JavaScript de mi web, lo que significa que está optimizado al máximo.
Cifras de JavaScript recomendadas para móvil
Tiempos de ejecución de JavaScript recomendados:
- Menos de 2 segundos para evitar una advertencia.
- Menos de 3.5 segundos para evitar el error.
Cómo reducir el tiempo de ejecución de JavaScript en WordPress
Realmente no hay una tarea que haga reducir el tiempo de ejecución de JavaScript, sino que es una suma de varias.
Usa temas y plugins con JavaScript ligero
Usar temas y plugins ligeros es vital para reducir el tiempo de ejecución de JavaScript.
Si un tema o plugin carga archivos JavaScript pesados, estos ralentizarán, por mucho que los intentes optimizar.
Así que en el caso de aplicar el resto de consejos sigues con este problema, es hora de revisar si la culpa es del tema o de un plugin con mucho JavaScript.
Desactiva el JavaScript sin usar
Hay que desactivar el javaScript que no se use, para que no se cargue.
Aunque no se use el código, si se le llama, es tiempo de ejecución que se está llevando.
¡Lo que no se carga, no ralentiza!
Comprime el JavaScript
Comprimir el JavaScript hará que este sea más ligero y se ejecute antes, y para ello se usa la compresión GZIP.
Minifica el JavaScript
Cuando ya usamos el código justo y además comprimido, toca minificarlo.
Esto elimina todo del código todo lo que suma peso y tiempo de ejecución de JS, como los saltos de línea, espacios, comentarios, etc.
Carga JavaScript de manera diferida
Una vez que tenemos los scripts optimizados, toca cargar JavaScript de manera diferida.
De esta forma sólo se cargará el JavaScript necesario y el resto se aplazará, lo que reduce considerablemente el tiempo de ejecución.
Precarga el JavaScript
Una idea interesante puede ser precargar el JavaScript de los archivos importantes.
Aunque esto obviamente no podemos aplicarlo a todos, porque ralentizaríamos aún más la web.
Aplaza la carga de JavaScript externo
Es muy recomendable aplazar la carga de JavaScript externo, porque este también puede tener un tiempo alto de ejecución.
Es más, es un código que no puedes optimizar, puesto que no está alojado en tu hosting.
Estas y el resto de tareas pueden dar problemas de visualización y explico cómo resolverlos en mi libro WPO para WordPress o en WPOptimizers si también quieres tener soporte personalizado y aprender más sobre WordPress.
Aplica Lazy Load al JavaScript
Lazy Load es una tecnología que aplaza la carga de las imágenes que no se ven, hasta que el usuario llega a ellas y en ese momento se cargan.
Aunque a muchas imágenes que se cargan mediante JavaScript no se le puede aplicar Lazy Load, porque no es compatible.
Hay plugins que cargan imágenes mediante JavaScript, como por ejemplo los sliders, que sí que disponen de la opción de aplicar Lazy Load.
Las imágenes no se cargan y su JavaScript tampoco, con lo que reducimos el tiempo de ejecución.
Reduce el tiempo de ejecución de JavaScript
Espero que esta guía te ayude a reducir el tiempo de ejecución de JavaScript.
Son muchas tareas, pero obviamente ya dependerá de cada web.
Es una tarea importante para optimizar las Core Web Vitals en WordPress.