Tengo un sistema que genera datos todos los días y guarda los datos en el archivo json. El archivo de unos 120 MB.
Estoy tratando de enviar los datos con nodejs al cliente.
router.get('/getData',(req, res) => { const newData = require(`./newDataJson.json`) res.json(newData)`});y luego desde el cliente uso axios get request
const fetchNewData = async () => { const { data } = await axios.get(`/api/getData/`);}Los datos llegan al cliente en aproximadamente 3 minutos en producción. y pocos segundos en localhost.
Mi pregunta es si es posible Acortar el tiempo de carga en producción.
Gracias !!
Le sugiero que use la transmisión en Node.js que es adecuada para enviar grandes datos del servidor al cliente. Las secuencias son útiles cuando envía una gran cantidad de datos. Debe intentarlo y verificar si hay alguna mejora después de agregar esto.
const readStream = fs.createReadStream('./newDataJson.json'); return response.headers({ 'Content-Type': 'application/json', 'Content-Disposition': 'attachment; filename="newDataJson.json"', }).send(readStream);Además, como sugirió Andy, esta podría ser una forma de dividir los datos de su archivo en una partición más pequeña según las horas.
120 MB está muy por encima de los límites de los tiempos de carga de la página inicial. Lo mejor que puede hacer sería dividir el archivo en partes más pequeñas:
1. Justo después de eso, el usuario verá la página cargada que necesita (como supongo) solo una parte de esos datos. Por lo tanto, inicialmente envíe solo una pequeña parte para que los datos sean visibles. Manténgalo pequeño, para que los datos no bloqueen la carga y el primer sorteo.
2. Siga enviando el resto de los datos en partes más pequeñas o cárguelos a pedido en fragmentos, por ejemplo, con paginación o eventos de desplazamiento.
Puede comenzar a dividir los datos al recibirlos/guardarlos.
Cargando datos desde api en desplazamiento (desplazamiento infinito) https://kennethscoggins.medium.com/using-the-infinite-scrolling-method-to-fetch-api-data-in-reactjs-c008b2b3a8b9
Información sobre el tiempo de carga frente al tiempo de respuesta https://www.pingdom.com/blog/page-load-time-vs-response-time-what-is-the-difference/