atributos-async-y-defer

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.

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (1 votos, promedio: 5,00 de 5)
Cargando鈥