Facebook Twitter RSS Reset

Disminuir el tiempo de carga de tus sitios


Disminuir el tiempo de carga de tus sitios

Disminuir el tiempo de carga de tus sitios
@BordalejoB

Web

Introducción al Post:

Disminuir el tiempo de carga de tus sitios

Bienvenidos a mi post! Veremos como disminuir el tiempo de carga de los sitios a los que estamos acostumbrados a visitar. Ya que es algo muy útil a la hora de ahorrar tiempo, entre otras cosas. Comencemos:

Tiempo

Disminuir el tiempo de carga de tus sitios

Hoy es muy importante el tiempo de carga de los sitios web y cuando nuestros sitios manejan cargas de grandes cantidades de datos es importante ahorrar el tiempo que podamos en operaciones que se repiten y pueden ser almacenadas en Cache.

Hay muchas técnicas para ayudar a los sitios a acelerar los tiempos de descarga, como la compresión gzip, la compresión de los archivos estáticos, la optimización de imágenes y el aprovechamiento del cache del navegador.

Disminuir el tiempo de carga de tus sitios

Sin embargo la cache del navegador es muy lenta, en términos de computación por lo que si podemos aprovechar otros medios siempre serán bienvenidos.

Sitios

BasketJs es una librería muy simple de usar que nos permite aprovechar el localStorage para almacenar archivos JavaScript y así ganar un poco de velocidad en la carga de los archivos, además de ahorrar ancho de banda.

Disminuir el tiempo de carga de tus sitios

BasketJs tiene cuatro métodos básicos que nos permiten usarla el primero es REQUIRE, el cual nos permite cargar uno o más archivos JavaScript para nuestra página.

Disminuir el tiempo de carga de tus sitios

Tiempo

Una vez que los archivos son cargados se inyectan en el código de la página para poderlos usa.

En este punto es importante saber que si los archivos no están disponibles en el almacenamiento local se buscan en la red por lo que la primera vez se cargaran todos y luego solo los que no estén en el almacenamiento local.

Disminuir el tiempo de carga de tus sitios

Si tienen archivos que tengan dependencias entonces tienen que asegurarse que la dependencia cargue primero pero no hay ningún problema, lo pueden hacer con un par de líneas más.

Disminuir el tiempo de carga de tus sitios

En este caso se cargará primero Jquery y al terminar se cargará JqueryUI.

Los otros métodos se usan principalmente para manejar el almacenamiento, get te permite obtener el estado del recurso, el método remove te permite sacar un recurso del almacenamiento local, finalmente clear que elimina los elementos que han expirado.

Web

Fin del Post:

Para finalizar, BasketJS es una librería como pueden ver muy simple de usar y muy útil para los desarrolladores web que quieren aprovechar todos los recursos para brindar una mejor experiencia.

Hasta aquí llega el post, espero sea de su agrado.

Disminuir

No comments yet.

Leave a Comment