Próximo webinar: Optimizar CLS de Core Web Vitals - 22/04/21, 18h ¡Optimiza tu CLS!

Analiza gratis tu web WordPress con SpeedWP

SpeedWP 2.0

Cómo optimizar JavaScript en WordPress

Optimizar JavaScript WordPress

Te voy a explicar cómo optimizar JavaScript en WordPress, para mejorar la velocidad de tu web.

Recuerda que el JavaScript puede hacer tu web muy pesada y lenta.

Es una de las tareas más importantes a la hora de optimizar WordPress.

Vamos a ello.

Elige plugins con poco JavaScript

La mejor forma de optimizar JavaScript en WordPress, es no tener que optimizarlos.

Para ello lo ideal es que usemos plugins ligeros, que no carguen scripts y hazme caso que los hay de todas las clases y funciones.

De esta forma no pierdes funcionalidad, pero sí que haces tu web mucho más ligera.

Hay muchas formas de saberlo, pero la forma más simple es usar alguna herramienta para medir la web, como la mía SpeedWP.

Usa un hosting con caché estática

Hay hostings que tienen una caché estática.

Es como una memoria temporal, en la que cargan los scripts y se sirven mucho más rápidos, que si tuvieran que acceder a ellos una y otra vez al disco.

Te recomiendo tenerlo en cuenta a la hora de contratar un hosting, aunque un CDN también resuelve esto.

Elimina el JavaScript que no se use

Una buena idea es la de eliminar scripts que no se estén usando en ciertas páginas, aunque esto es una tarea más compleja.

Lo ideal es que los plugins ya vinieran preparados para ello, pero lamentablemente no es así.

Esto requiere de ciertos conocimientos para realizarlo, porque de lo contrario tendrás muchos problemas.

En mi guía de cómo desactivar scripts en WordPress lo cuento todo.

Elimina el JavaScript externo

El JavaScript externo suele ralentizar enormemente la web.

Pero si además estos archivos JavaScript son pesados, por ejemplo más de 100 KB, entonces la cosa empeora considerablemente.

Intenta usar el mínimo de servicios externos o úsalos solo en las URLs necesarias.

Minimiza el JavaScript

La mejor forma de optimizar estos scripts, es minimizar el JavaScript.

Lo que hace es quitar lo que no sirve a nivel de diseño, para que el script pese mucho menos.

Yo uso el plugin WP Rocket que ya lleva esta opción integrada y que da muy buen resultado.

Te recomiendo probarlo.

También tengo una guía sobre minificar los archivos JS.

Combina los archivos JavaScript

Si hay algo que reduce las peticiones es combinar los archivos JavaScript.

Básicamente se cogen los scripts y se unen en un gran JS, lo que hace que la web haga menos peticiones.

También tiene su parte negativa, porque hay que saber hacerlo bien, sino quieres tener problemas de funcionalidad o diseño en la web.

Tengo 1 guías en la que explico cómo combinar archivos JS en WordPress, en la que te explico cómo resolver todas los problemas que pueden surgir.

Carga JavaScript de manera diferida

La última tarea interna de optimización, es la de cargar JavaScript de manera diferida.

Debes saber que todo el JavaScript que uses en tu web bloquea la carga de la web.

Esto hace que la web tarde mucho más en cargar y las herramientas como PageSpeed te avisan de ello.

La solución pasa por evitar ese bloqueo, pero no se explica en 2 líneas.

Tengo un tutorial completo sobre cómo cargar JavaScript de manera diferida en WordPress.

Controla el JavaScript en línea

El JavaScript en línea es el que se carga directamente en el código.

Bien porque lo añadas tú, como el caso de Google Analytics y similares o que lo cargue un plugin.

Intenta usar el mínimo de este JavaScript y a poder ser que se cargue en el footer, en vez de en el header, para que ralentice menos.

Sirve el JavaScript desde un CDN

Una vez que has reducido al máximo tu JavaScript y lo has optimizado, lo ideal es servir JavaScript desde un CDN.

Este servirá los scripts desde la localización más cercana a tu público objetivo, con esto consigues por un lado servirlos más rápido, así que aceleras tu web.

Y por otro, le quitas carga al servidor, con lo que tu hosting te durará mucho más, sin necesidad de aumentar el plan.

Te recomiendo leer mi guía en la que te cuento todo sobre CDN en WordPress.

Conclusión

Como has podido ver, se puede hacer muchas tareas a la hora de optimizar JavaScript en WordPress.

Obviamente todas son necesarias y te recomiendo llevarlas a cabo, aunque no se pueden explicar en una sola guía.

Espero que esta guía te ayude a hacer tu web más rápida.

Analiza gratis tu web WordPress con SpeedWP

SpeedWP 2.0

Únete gratis a WPOptimizers para comentar y aprender a optimizar WordPress.

¡Lo quiero!

Si ya lo eres inicia sesión