Menu Close

Para que usar Async y Defer

Bueno si quieres optimizar la carga de javascript en tu sitio web, lo vas a necesitar

Estoy trabajando en un sitio web, el cual ya termine de optimizar las imagenes, lo cual esta bien, porque las imagenes tambien son importantes de optimizar

Pero bueno sigamos con javascript, optimizar la carga de javascript de verdad ayudara mucho a agilizar el tiempo de carga de tu sitio web.

Para no llegar a ser muy tecnico en cuanto a que es lo que hace y darte detalles, aunque creo que es importante, pero ahora mismo no se como darte un ejemplo que de verdad ayude a entender

pasare a explicartelo

Lo que hace el codigo async, es agilizar la carga de javascript,

mira lo que pasa normalmente, cuando carga un pagina.

Es que primero se carga el html y despues se carga el codigo javascript, lo que genera una demora en la velocidad de la carga de la pagina web.

Al usar el codigo async, lo que logras, es hacer que el codigo de javascript, se cargue en simultaneo o casi en simultaneo con la carga de html, esto agiliza las cosas

porque ?

Bueno porque estas ahorrando tiempo, al hacer que se cargue el codigo javascript en simultaneo con el de html

Eso es todo.

Y tan solo debes agregar el codigo dentro del codigo <script src=” ” async> del sitio web.

Ahora puedes tener varias paginas con ese codigo, asi que lo que debes hacer, es justamente agregar ese codigo dentro de cada uno de los codigos que veas iguales al que te mostre arriba

Y lo mismo pasa con el codigo defer, bueno es igual en cuanto a la forma de agregar el codigo.

<script src=” ” defer>

de esa forma, igual que con async

Pero son iguales ?

Bueno ambos lo que hacen es acelerar la carga del codigo de javascript en simultaneo con html,

pero hay un diferencia con entre ambos

El codigo defer, no ejecuta el codigo javascript al cargarlo, sino que ejecuta el codigo mucho despues de cargar la pagina

en otras palabras, se puede cargar en simultaneo, pero puede que veas un demora al ver la ejecucion de algun slider, porque con este codigo no se va ejecutar sino hasta que se termine de cargar todo html y todo javascript

Es por eso que demora.

La verdad no he usado defer en ninguna pagina, pero te lo presento para que sepas que puedes usarlo, yo he usado async y me ha ido muy bien, a mejorado la velocidad de la carga de la pagina en algunos segundos.

¿ Cual es tu reacción al artículo ?
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0

Agregue un comentario

Su dirección de correo no se hará público. Los campos requeridos están marcados *