ejemplos - localstorage javascript json

Velocidad/costo de almacenamiento local

Question

¿Qué tan rápido está buscando un valor en localStorage con Javascript?

¿Alguien tiene enlaces a alguna prueba de rendimiento que indique si vale la pena almacenar los datos en un objeto JavaScript o no? ¿O el navegador ya almacena en caché los valores a los que se accede desde localStorage?

Estoy particularmente interesado en las implementaciones de Firefox y Chrome de localStorage.

Answer 1

Acaba de hacer un pequeño punto de referencia. Lo que planeo hacer es obtener algunos datos de localStorage con bastante frecuencia y me pregunto si se bloquearán. Si bien la operación localStorage.getItem está sincronizada, puede sonar atemorizante, ¿verdad?

• Primera prueba para llamar 1 millón de veces a localStorage para obtener un elemento que existe.
• 2da prueba para llamar 1 millón de veces localStorage para obtener un artículo que NO existe.

Resultados:

"Artículo encontrado: 0.0007991071428571318ms por llamada"

"Artículo no encontrado: 0.0006365004639793477ms por llamada"

En resumen - solo úsalo. No lleva tiempo. 0.0007 de 1 milisegundo.

https://jsbin.com/resuziqefa/edit?js,console

 let results = [];
 let sum = 0;
 localStorage.setItem(''foo'', ''foo bar baz foo bar baz foo bar baz foo'');

 for (let i = 0; i < 1000000; i++) {
   let a = performance.now();
   localStorage.getItem(''foo'');
   let result = performance.now() - a;
   sum += result;
   results.push(result);
 }

 console.log(`Item found: ${sum / results.length}ms per call`);

 results = [];
 sum = 0;
 for (let i = 0; i < 1000000; i++) {
   let a = performance.now();
   localStorage.getItem(''bar'');
   let result = performance.now() - a;
   sum += result;
   results.push(result);
 }

 console.log(`Item not found: ${sum / results.length}ms per call`);

Answer 2

Para lo que vale, aquí hay una prueba jsperf .

El uso de referencia de localStorage es significativamente más lento que el acceso a las propiedades de un objeto regular tanto en FF7 como en IE9. Por supuesto, esto es solo un micro-punto de referencia, y no necesariamente refleja el uso o el rendimiento en el mundo real ...

Muestra extraída de mi carrera de FF 7 para mostrar lo que significa "significativamente más lento", en operaciones / segundo:

native local-storage notes small set 374,397 13,657 10 distinct items large set 2,256 68 100 distinct items read-bias 10,266 342 1 write, 10 reads, 10 distinct items

Además, hay restricciones sobre lo que se puede poner en localStorage . YMMV.

Feliz codificacion