Cómo cargar JavaScript de manera diferida en WordPress

Cargar JavaScript de manera diferida WordPress

En este tutorial te voy a explicar cómo cargar JavaScript de manera diferida en WordPress, algo muy importante, porque bloquean el renderizado.

En PageSpeed te dará el error de "Elimina los recursos que bloqueen el renderizado". En otras herramientas como GTMetrix se llama "Eliminate render-blocking resources".

Es una técnica que hace que el JavaScript no bloquee la carga de la web y una de las tareas más importantes a la hora de optimizar JavaScript en WordPress.

Esto te da varias ventajas:

  • Tu web cargará más rápido.
  • Soluciona el problema de Pagespeed de quitar el JavaScript que bloquea el renderizado de contenido.
  • Soluciona el problema de GTMetrix de Defer parsing of JavaScript.

Ojo, es una técnica que deberás aplicar antes de combinar JavaScript en WordPress.

De lo contrario, una vez combinado, si tienes problemas de visualización o funcionamiento, no sabrás qué script lo provoca.

Hazte WPOptimizer premium para ver este contenido y aprender a optimizar WordPress

Ver curso optimización

Si ya lo eres inicia sesión

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

Conclusión

Como has visto, cargar JavaScript de manera diferida en WordPress es una tarea algo compleja.

Dependiendo del tema o plugins que uses, puedes tener o no problemas con ello.

Espero que te ayude.

Únete gratis a WPOptimizers y aprende a optimizar WordPress

Recibe cada semana consejos de optimización probados para tener una web WordPress rápida, que mejorará su SEO y conversiones y acceso a herramientas, contenido exclusivo y soporte gratuito.