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.

P.D. Puedes aprender a optimizar WordPress gratis como WPOptimizer y recibir cada semana consejos de optimización probados para tener una web WordPress rápida, que mejorará su SEO y conversiones.

Usa temas y plugin con poco JavaScript

El paso más importante es usar temas y plugins con poco JavaScript, porque el JavaScript que no se usa, no ralentiza.

Puedes analizarlos o mirar guías comparativas como las mías, en las que te recomiendo los mejores.

Para tener una buena base, revisa mis guías de los mejores y plugins de WordPress.

Especifica la caché del navegador al JavaScript

Especificar la caché del navegador al JavaScript, hará que estos archivos se cacheen en este, para que no se tengan que cargar en las próximas URLs visitadas.

Si tu web tiene 500 KB de JS, cuando un usuario visita la siguiente URL, como por ejemplo una entrada, esta pesará esos 500 KB de menos, con lo que cargará más rápido.

Esta caché del navegador se puede activar desde el hosting, cosa que algunos lo traen de serie y otros se activa a mano.

Desde plugins de optimización como WP Rocket, que te lo hace automáticamente o desde el CDN, ya dependiendo de la configuración.

Te recomiendo leer mi guía de cómo especificar la caché del navegador en WordPress.

Optimiza Emoji

Los Emoji son iconos que añaden un plus a los comentarios, pero si no se usan, son un código JS que se añade y ralentiza.

Por eso, si no se usan, lo ideal es desactivarlos con plugins como Perfmatters, tal y como explico en mi guía de optimizar los Emoji de WordPress.

Optimiza JQuery

Query es una librería JavaScript muy útil, pero que es muy pesada y lenta.

Recomiendo no usar temas y plugins con JQuery, pero la gran mayoría la usan.

Aunque se pueden hacer algunas tareas para mejorar la carga de esta.

Revisa mi guía de optimizar JQuery en WordPress.

Optimiza 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.

Revisa mi guía de optimizar el JavaScript en línea en WordPress.

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.

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.

Únete gratis a WPOptimizers y aprende a optimizar WordPress

  • Acceso exclusivo a la comunidad de Telegram y Discord.
  • Consejos semanales probados, para tener una web WordPress rápida.

Únete gratis a WPOptimizers y aprende a optimizar WordPress

Acceso exclusivo a la comunidad de Telegram y Discord.
Consejos semanales probados, para tener una web WordPress rápida.

Información básica sobre Protección de Datos. Responsable: Raúl González Sedeño (yo mismo). Finalidad: Tratar la información que me pases para poder prestarte el servicio solicitado y ayudarte a tener una web rápida con mis consejos. Legitimación: Que me das permiso, vaya. Destinatarios: Tus datos se guardan en Active Campaign que es mi servicio de email marketing y que está acogido al acuerdo de seguridad EU-US Privacy. Resumiendo, que están protegidos. Derechos: Y obviamente puedes acceder, rectificar y suprimir tus datos, así como otros derechos cuando quieras. Información adicional: Puedes consultar la información adicional y detallada sobre protección de datos personales en mi página web.