Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

125
Views
¿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 answers
Answer question

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 Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!