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.

Disqus Comments Loading...
Compartir
Publicado por
Elisa Torregrosa

Artículos recientes

  • Consejos SEO
  • Vídeo Consejos

Cómo utilizar Twitter en tu empresa como herramienta para impulsar tu negocio y ganar seguidores gratis

Con una audiencia de 6 millones de usuarios activos en España, la inmersión en Twitter por parte de las empresas…

14 junio, 2019 12:45 am
  • Noticias

#SEOplus19: Todo listo para el evento SEO del año

¿Listo para participar en la batalla SEO más alucinante donde las tropas del White, Black y Grey Hat SEO lancen…

5 junio, 2019 7:18 am
  • Consejos SEO
  • Vídeo Consejos

Tutorial sobre SEMrush en español: Aprende a estudiar a tu competencia como un SEO profesional

Descubre en este tutorial sobre SEMrush cómo empezar a utilizar la herramienta SEO imprescindible para el análisis de la competencia.…

24 mayo, 2019 9:39 am
  • Consejos SEO
  • Vídeo Consejos

Cómo hacer fichas de producto atrapaventas para sumar clientes a tu tienda online

¿Quieres potenciar las ventas en tu e-commerce? Descubre las 10 claves para hacer fichas de producto de tu tienda online…

17 mayo, 2019 11:00 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