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.
Contenido premium
Para acceder al contenido, debes ser parte de nuestra comunidad por sólo 10 € al mes y cancela cuando quieras en 1 clic.
O inicia sesiónConclusió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.