Categorías: Vídeo Consejos

Atributos Async vs. Defer: Optimiza la velocidad de carga de archivos JavaScript

En la optimización de la velocidad de carga de una web, los atributos de la etiqueta < script > Async y Defer tiene un papel decisivo. Pero, ¿sabes cómo se comporta la carga de una página y la interpretación del html en función del atributo que se implemente en la web? Nuestro compañero David Navarro comparte sus conclusiones en este vídeo que combina la teoría con ejemplos prácticos.

En la optimización de la velocidad de carga de una web, los atributos Async y Defer de la etiqueta < script > tiene un papel decisivo.

Pero, ¿sabes cómo se comporta la carga de una página y la interpretación del html en función del atributo que se implemente en la web?

Nuestro compañero David Navarro comparte sus conclusiones en este vídeo que combina la teoría con ejemplos prácticos.

Async o Defer. Tic-tac, tic-tac…

 En menos de 4 minutos saldrás de dudas. ¿Estás listo?

Una web que ofrece una respuesta lenta al usuario tiene un efecto tan negativo como declararte a tu pareja y comprobar cómo su respuesta se prolonga más de 7 segundos. Ups… Houston, ¡tenemos un problema!

En este cometido, existen aspectos importantes que ayudan a mejorar la velocidad de carga de una web o WPO, uno de los aspectos más determinantes del SEO en la actualidad, tal y como Álvaro Fontela declaró en esta entrevista.

Entre estos puntos de optimización está el análisis de la carga y ejecución del JavaScript. Para ello, contamos con 3 opciones:

  • Definir una etiqueta < script > sin ningún atributo, lo que conlleva a la ejecución del script antes de que se reanude la interpretación del html.
  • Utilizar el atributo <async>, en el que al tiempo que el navegador descarga el archivo script, interpreta el html de la página y, tan pronto finaliza la descarga, pausa la interpretación para ejecutar el script y, de inmediato, proseguir la interpretación.
  • Emplear el atributo <defer>, lo que conlleva al aplazamiento de la ejecución del script una vez que ha finalizado la interpretación del html. En este caso, la descarga del script se realiza de forma asincrónica – como con Async -, pero con la ejecución de los scripts en el orden en el que aparecen en el documento.

Porque cada detalle cuenta para hacer tu web más veloz y eficiente, sigue los consejos de David y aplícalos cuanto antes.

¿Te ha gustado el vídeo? ¿Quieres darnos tus propias conclusiones?

Esperamos tus comentarios sobre el vídeo, SEO Lover.

Esté artículo fue modificado el 6 agosto, 2018 10:33 am

Elisa Torregrosa

Publicista y copywriter, especialista en el diseño y redacción de contenidos para todo tipo de plataformas digitales. Actualmente, me encargo de la gestión y redacción de contenidos web en Webpositer.

Compartir
Publicado por
Elisa Torregrosa

Artículos recientes

  • Consejos SEO

Intención de búsqueda en SEO: Cómo sacarle partido para ofrecer la mejor respuesta al usuario

¿Sabes qué tipos de intenciones de búsqueda del usuario existen y por qué son determinantes para tu estrategia SEO? Conócelas…

19 julio, 2019 7:00 am
  • Consejos SEO
  • Vídeo Consejos

Aprende a migrar WordPress a otro hosting en 4 pasos sencillos y efectivos [TUTORIAL]

Sigue este tutorial y sabrás cómo migrar tu página web de Wordpress a otro hosting de forma rápida y fácil.…

12 julio, 2019 10:57 am
  • Consejos SEO
  • Vídeo Consejos

Las mejores plantillas para WordPress gratis, responsive y fáciles de optimizar para SEO

Una decisión crucial al crear una web es elegir entre las miles de plantillas Wordpress gratis y responsive que existen…

5 julio, 2019 7:00 am
  • Noticias

Los secretos del Curso SEO definitivo para tu especialización: Todo Práctica con Enfoque Profesional

¿Tienes un e-commerce o un proyecto de marca personal y quieres darle un impulso para mejorar su visibilidad online? Hoy…

1 julio, 2019 8:15 am
  • Consejos SEO
  • Vídeo Consejos

Cómo definir a tu buyer persona en Facebook Ads para hacer tu publicidad el doble de efectiva

Gracias a definir al buyer persona en tus campañas de Facebook Ads, tu publicidad impactará en tu perfil de cliente…

28 junio, 2019 7:44 am
  • Consejos SEO
  • Vídeo Consejos

Cómo escoger el mejor dominio para la web de tu negocio

Ya te has decidido. Ese proyecto web que siempre rondaba tu cabeza quieres que se transforme en realidad cuanto antes.…

21 junio, 2019 8:37 am

Utilizamos cookies propias y de terceros para analizar tus hábitos de navegación, obtener información estadística, mostrar publicidad personalizada e interactuar en redes sociales. Si continúas navegando consideramos que aceptas su uso. Más información, en nuestra Política de cookies: https://www.webpositer.com/privacidad-cookies.html