Si tienes un sitio web en WordPress, posiblemente hayas sentido la necesidad de que los scripts en Javascript de tu sitio se carguen de forma asíncrona, evitando así bloquear la carga de la página mientras estos son obtenidos, sobre todo si dichos scripts se solicitan a URL externas a tu sitio, las cuales, dependiendo de la carga que tengas dichos sistemas en ese momento, pueden tardar más o menos en responder a la petición.

Normalmente, si sueles hacer uso de PageSpeed Insights de Google para medir el índice de optimización de tu sitio web, según Google, puedes haber obtenido como respuesta el que elimines el Javascript que bloquea la visualización.

Con esto, lo que nos quiere indicar este analizador es que existen archivos Javascript, de los cuales se hacen las peticiones correspondientes, y hasta que estas solicitudes no son resueltas, la carga de la web queda en estado de bloqueo, lo que hará que el tiempo de carga de la misma se vea mermado.

La mejor opción para esto es hacer que los archivos Javascript se carguen de forma asíncrona, es decir, que las solicitudes y esperas de los mismos se hagan de forma paralela a la carga de la página web, impidiendo así que esta se bloquee mientras espera.

En WordPress existe algún plugin que hace esto, pero como ya sabemos, el uso de cualquier plugin hace que nuestro sistema se sobrecargue, por lo que la solución es hacer uso de un código que insertaremos en el archivo functions.php, el cual se encuentra alojado en la carpeta raíz del tema que estemos usando en este momento, algo parecido a:

Una vez localizado el archivo en cuestión, lo editamos, y al final del mismo introducimos el siguiente código:

Si una vez guardado, pruebas a cargar tu sitio web y a revisar el código fuente de la página, observarás que a todos los scripts de Javascript se les ha añadido el atributo y valor async=’async’, notificando así, al navegador en cuestión, que realice la carga asíncrona o paralela de los mismos, sin tener que esperar a que terminen para seguir cargando la web.