EspañolDeutschFrançaisItalianoPortuguêsРусскийΕλληνικά日本語中文(简体)हिन्दी; हिंदीالعربية
PF Preguntas - Foro

Cómo hacer que todos los archivos Javascript de tu WordPress se carguen de forma asíncrona

Webmasters y SEO  
 
Cómo hacer que todos los archivos Javascript de tu WordPress se carguen de forma asíncrona

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.

Únete al canal de Telegram

Déjanos un comentario o entra al  Foro
Share on Facebook Tweet about this on Twitter Share on Google+ Pin on Pinterest Share on Reddit Share on VK Share on StumbleUpon Share on Tumblr Share on LinkedIn Email this to someone Print this page

Artículos relacionados

Deja un comentario