Los 3 tipos de Caché que todo Developer debería conocer: HTTP vs Reverse Proxy vs App
HTML-код
- Опубликовано: 30 сен 2024
- La caché es un parche. Pero un parche bien puesto puede mejorar mucho la performance y la mantenibilidad de nuestro código. En este vídeo exploramos cuál es el mejor sitio para añadirla.
Curso → cdly.to/curso-...
﹤🍍﹥ Codely
├ 🎥 Suscríbete: ruclips.net/user/c...
├ 🔖 Cursos: bit.ly/cursos-...
└ 👋 Redes sociales:
├ / codelytv
├ / javiercane
├ / rafaoe
├ / codelytv
└ / codelytv
stale-while-revalidate y stale-if-error, son 2 muy importantes tambien.
Algo que hay que destacar es que cache-control no trabaja cuando hay cookies de por medio o si el cliente envia no-cache como cache-control.
Antes que configurar esto a las 2 de la manana, es mejor hacer un capacity plan y/o escalar infrastructura, ya que usar cache sin saber puede terminar en siriviendo contenido de un usuario a otro usuario (por ejemplo cuando se envia el token jwt en un header en lugar de una cookie)
Esto si es contenido más avanzado, gracias por compartir 💪
Los 15 minutos más productivos de hoy jajaa gracias ❤❤
Yo me hice una especie de caché personalizada, en la cual interviene Firebase Firestore. Cabe aclarar que es para un tipo de aplicación específica, que no aplica en todos los casos.
- Lo que hago es que guardo en un registro en Firebase por tabla.
Este registro contiene la última vez que se actualizó la base de datos y la cantidad de registros que tengo en esa tabla.
Ahora en la aplicación, lo que hice es un 'sistema de sincronización', en donde verifico primero con mi IndexedDB la cantidad de registros y luego la fecha de actualización para sincronizar o no yendo al API.
Me ha funcionado bien, igual ya implementé encriptación en el IndexedDB para ocultar ciertos campos.
Para recursos como assets pues uso el Service Worker. Pero bueno, muchas gracias por el video, desconocía el uso del Etag, habrá que aplicarlo.
excelente solución tienes algún medium o paper con aquello , saludos
Toda aplicacion require casos unicos en su mayoria, es cierto. Pero en tu caso es mejor el uso de indices con cache en memoria, usar timestamps en los etag los cuales se cachearan en los proxies y usar lambdas con revalidaciones en la aplicacion para consultar la informacion. Asi reduces las operaciones con base de datos lo cual es muy costoso, y tambien reduces tiempos de respuesta de 2s~900ms a 40~60ms ya que todos los caches estaran en el edge o cerca del ususario (cdn, assets, indices, bases, funciones, etc.) y no necesitaras verificar sincronizaciones y no necesitaras service workers ya que toda esta operacion no bloqueara el thread principal. Entre otras mejoras de arquitectura.
@@nunatix7985 entiendo lo que dices, unas cosas no las conocía, igual las aplicaré las que entren.
Pero en este caso quería implementar las menos consultas hacia el API, que es App Engine o Cloud Functions. Que como sabemos cobra cuotas después de la capa gratuita. Entonces, para minimizar costos, en este caso que la aplicación puede ir desde una PYME, se buscó la mejor solución para esto, además de estar optimizada, ya manejo índices y demás cosas, pero el punto es no tener tantas peticiones al server y sí como tal una PWA. Manteniendo tiempos de 150ms. Yo creo que bastante prudente para tener el front en Vercel y el API en Firebase o Google Cloud.
excelente forma de explicar las cosas, dos puntos de vista muy buenos
Muchas gracias por el comentario. Ver que te ha resultado útil anima a seguir al pie del cañón, con lo que valoramos doblemente el tiempo que te has tomado en escribir el comentario 😊
Me gusta como explican las cosas, gracias
Muchas gracias por el comentario. Ver que te ha resultado útil anima a seguir al pie del cañón, con lo que valoramos doblemente el tiempo que te has tomado en escribir el comentario 😊
Entendi el video al 100%. Esto es relativo y depende mucho de los casos de usos.
Muchas gracias chicos! excelente contenido.
Muchas gracias por el comentario. Ver que te ha resultado útil anima a seguir al pie del cañón, con lo que valoramos doblemente el tiempo que te has tomado en escribir el comentario 😊
Totalmente hermano, totalmente
Buena referencia
Según ChatGPT: "La frase "Totalmente hermano, totalmente" es una cita del programa de televisión argentino "Peter Capusotto y sus videos". Específicamente, esta frase es utilizada por uno de los personajes del show llamado "Pomelo", interpretado por el actor y comediante Diego Capusotto. Pomelo es una parodia de un rockero exagerado y sus frases y comportamientos se han vuelto icónicos en la cultura popular argentina." vamos muy perdidos, ¿o lo ha clavado? xD
@@CodelyTV Yo pensaba que era una referencia a Mr.Tartaglia y Mr.Empírico que dicen "Tal cual hermano, tal cual" y además en el vídeo les dabais un aire pero puede ser que sea como decís 😂
Imagino que es por simpificar el video pero el topic de las cache esta demasiado simplificado. Existen caches distribuidas, distintias politicas de cache (cache-aside, write through etc.. ), incluso las base de datos tienen mecanismos para cache. Ademas que el uso de la cache no siempre es positivo y si no se evaluan metricas como hit ratio la cache podria hacer mas mal que bien. Buen video pero me gustaria bajar a la reallidad a la gente, es un tema complejo y con este video dificilmente sabes ya como usar correctamente las cache.
Es por simplificar y por mencionar que tienen un curso donde explican más detalles sobre la caché. En ningún momento dicen que sea simple.
@@MrNidnanTiene sentido , gracias por la aclaración. Tampoco les acuso de que digan que sea simple pero que está resumido de una manera que puede parecer simple, en especial la parte del servidor. Estoy seguro que el curso merece la pena ya que es un tema muy interesante.
gracias !! Un contenido interesante y muy útil para uso real, sigan asi que se ganaron otro subscriptor
En qué lenguaje estan los cursos?
buen contenido, gracias
Entonces la aplicación está dentro de un servidor web como por ej, Apache y el proxy inverso puede ser un NGINX en otro ordenador (dentro de la misma LAN donde está el Apache ya que están en la misma organización) o incluso el NGINX puede estar instalado en el mismo ordenador que el Apache?
Se ganaron un subscriptor nuevo, excelente como explican y los gráficos ayudan mucho a la comprensión
que yt permita poner minicuestionarios, durante el video, interactivos o no, en contenido educativo, pero que permita retener la información del video de manera fluída
Excelente contenido y explicación, gracias 🎉
Muy buen contenido. Gracias por compartirlo
Muchas gracias por el comentario. Ver que te ha resultado útil anima a seguir al pie del cañón, con lo que valoramos doblemente el tiempo que te has tomado en escribir el comentario 😊
genial gracias! Una petición: sería genial si se pudiese a su manera explicaran qué es el caché, casos de uso, utilidad, etc. :)
No vas a llegar a entender todo con otro video, o bien tomas su curso o averiguas por tu cuenta los conceptos que no entiendas
No mmn lo explico en este video jajajaja
Muchas gracias por el video! Me encanto
Este tipo de contenido es lo que vale 👏👏👏
Muy buen contenido 👍🏻
Excelente video
Que buen video 🙌🏼
Siempre hay que tener cuidado de que no te cachen 🤪🤪😝🫵
🤣🤣🤣
Por qué uno de los 2 envejece y el otro no? xddd
ya sabes quién es humano y quién una IA xD
El tiempo de cache se reinicia si cierro el navegador?
Nope. Cuando usamos Cache-Control con max-age el tiempo de vida se calcula desde que se recibe la respuesta y no se reinicia 😊
@@CodelyTV Muchas gracias por la respuesta estoy implementando cache actualmnete en mi proyecto next me sirvio de mucho la info, gracias por el contenido.
“Catché”? Hum… será el “cache” de lo que hablan? 🤔
caché: Se usa en informática, como adjetivo invariable, para referirse a la memoria de rápido acceso, situada entre el procesador y la memoria principal: «Existen dos tipos de memoria caché: primaria y secundaria» (Pimentel Multimedia [Perú 1997]). También se emplea como sustantivo femenino: «Un genuino Pentium Pro, a 200 MHz de velocidad, con […] caché interna» (Mundo [Esp.] 13.4.1997). En este caso, es voz tomada del inglés cache (memory), con acentuación aguda por influjo del galicismo caché. En español se usan también, con este sentido, las expresiones antememoria o memoria intermedia.
Es curioso, pero la propia RAE recoge el término. No obstante, bien podría haber sido un anglicismo como los muchos que decimos. Entendemos que es importante comunicarse con eficiencia y claridad. Lo intentamos. A veces nos sale y otras no 😬