Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

135
Vistas
¿Cuál es la mejor práctica para acceder rápidamente a una gran cantidad de datos en el navegador web?

Tengo esta gran variedad de cadenas, guardadas en un archivo JSON en un servidor remoto (el tamaño del archivo es de 2 MB y sigue aumentando).

En mi código front-end, necesito recorrer constantemente esta matriz.

Me pregunto cuál es la mejor práctica para tener el acceso más rápido.

Mi enfoque en este momento es el siguiente:

  1. Obtenga el archivo JSON del servidor remoto una vez.
  2. Asigne estos datos a una variable de JavaScript.
  3. Guarde estos datos en una base de datos IndexedDb para minimizar el trato con la red y ahorrar tráfico.
  4. Cuando la página se vuelva a cargar, obtenga los datos de la base de datos IndexedDb y vuelva a asignarlos a la variable nuevamente, luego continúe desde allí.

Entonces, cada vez que necesito hacer un bucle en el front-end, accedo a la variable y hago un bucle desde allí, sin embargo, no estoy seguro, pero esto no me parece una buena idea. Quiero decir, ¿una variable con 2 MB de tamaño? (podría ser de 10 MB o más en el futuro), por lo tanto, me preocupa si está usando demasiada memoria o está afectando gravemente el rendimiento de la página web.

Mi pregunta es, ¿hay una mejor manera de hacer esto? JavaScript/navegador inteligente.

Y mientras estamos en eso, ¿qué necesito saber sobre las mejores prácticas para manejar grandes cantidades de datos en el mundo del navegador/JavaScript?

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

No te preocupes por la memoria.

Sus 10 MB de cadenas JSON se transformarán en representaciones binarias. Sus valores booleanos (verdadero/falso) tomarán 1 bit o quizás 1 byte (dependiendo de la implementación) en lugar de 4 bytes para las cadenas. Sus números tomarán alrededor de 8 bytes en lugar de un byte por carácter. Dependiendo de la implementación, las claves serán codificadas y/o reutilizadas. Entonces, la huella de memoria analizada será mucho más pequeña. Además, si los datos son estáticos, el motor js los optimizará. Tal vez pueda congelar los datos para asegurarse de que el motor sepa que los datos son inmutables.

No iría tan lejos y lo almacenaría en una base de datos. Agregas muchos gastos generales. Utilice la API de almacenamiento web/Almacenamiento local en su lugar.

Dependiendo del Contexto, el CacheStorage puede ser interesante (aunque no tengo experiencia con él).

En cuanto a todo lo que haces en cuanto a rendimiento. No optimice demasiado pronto. Realice un análisis de rendimiento para encontrar los cuellos de botella.

about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda