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…