Soy voluntario de esta asociación/juego llamada FAF. Tenemos tablas de clasificación ( https://www.faforever.com/competitive/leaderboards/1v1 ) de jugadores que obtenemos a través de llamadas API. Sin embargo, no es muy eficiente hacer que cada vez que alguien abra la página de la tabla de clasificación haga una llamada a la API para obtener las clasificaciones. Sin embargo, imagine que si 1000 personas lo visitan, serían 1000 llamadas a la API, todas por exactamente la misma información.
Por lo tanto, he estado tratando de buscar y buscar un método para hacer una llamada a la API, guardarlo en el código y mostrárselo a los usuarios. Luego encuentre una manera de automatizar dicha llamada API para que sea cada 30 minutos - 1 hora. De esa manera, es solo 1 llamada la que almacena la información para que la vean los usuarios, en lugar de una nueva llamada para la misma información cada vez que un usuario abre la página de tablas de clasificación. Sin embargo, no puedo encontrar nada sobre cómo hacer esto con js (fetch, ajax, json). Todavía estoy aprendiendo desarrollo front-end, así que no estoy seguro de si hay alguna manera de hacer esto.
Apreciaría mucho si pudiera vincularme a un recurso o "técnica" de codificación para lograr esto usando JS. ¡Gracias!
Lo que estás describiendo es almacenamiento en caché. El almacenamiento en caché es una técnica extremadamente común para reducir la carga y la latencia del servidor. La mayoría de las bibliotecas de servidores web ofrecen algún tipo de funcionalidad de caché, que se puede encontrar en sus respectivos documentos. El almacenamiento en caché de frontend no es tan común, pero se puede lograr utilizando el almacenamiento local como se menciona en esta publicación de blog https://medium.com/@brockreece/frontend-caching-strategies-38c57f59e254
Aquí hay otro artículo sobre almacenamiento en caché, esta vez un poco más general usando nodejs https://www.honeybadger.io/blog/nodejs-caching/