Как можно ускорить парсинг json?

Question

[Y0MMY]

У меня есть файл price.json (897 КБ),который парится:

var values = [11,694];
    var t0 = performance.now();
    var myInit = {
      method: 'GET',
      headers: {
        'Content-Type':'application/json' 
      },
      mode: 'cors',
      cache: 'default'
    };
    let myRequest = new Request("price.json",myInit);
    (async () => { fetch(myRequest)
        .then(function(resp){
          return resp.json();
        })
        .then(function(data){
          console.log(data);
          for (let i = 0; i < document.getElementsByName('js-price').length; i++) {
            document.getElementsByName('js-price')[i].innerHTML = "$" + Number(data[values[i]]['lastPrice']).toFixed(2); //694
            document.getElementsByName('js-price-percent')[i].innerHTML = Number(data[values[i]]['priceChangePercent']).toFixed(2); //694
            
          }
          console.log(`Время закгрузки JSON ${(performance.now() - t0).toFixed(2)}`); 
        })
      })();

В среднем занимается 89мс, что очень долго, можно как-то ускорить время парсинга?

Comments

[Lynn «Кофеман»]

А вы уже выяснили что конкретно тормозит? Скачивание? Парсинг? Вставка в DOM?

[WbICHA]

i < document.getElementsByName('js-price').length

Серьёзно?

[Y0MMY]

WbICHA, а что не так?

[Y0MMY]

Lynn «Кофеман», скачивание

[Stalker_RED]

Y0MMY, то есть основное время уходит на скачивание, но в вопросе парсинг. Так победим.

И обратите внимание на вставку, может у вас получится вставлять все за один раз или хотя-бы большими порциями.
И не дергать document.getElementsByName на каждой итерации.
И вместо innerHTML попробуйте textContent, чтобы браузер при вставке не пытался парсить html-код, которого нет.

[WbICHA]

Y0MMY, у меня большие сомнения, что тот же в8 подобное оптимизирует, а значит это бесполезное обращение к дом на каждой итерации.
Хотя о чём это я? У тебя и в теле цикла тот же самый бред.

[Y0MMY]

Stalker_RED, это выяснилось позже))

[Y0MMY]

WbICHA, как его улучшить тогда?

[Александр]

Y0MMY, Измерьте именно получение файла и парсинг файла, без модификации DOM.

[Y0MMY]

Александр, тоже самое по времени

Answer 1

[rPman]

897kb
надо почти мегабайт скачать! я не верю что у тебя с твоим интернетом за 80миллисекунд это происходит, скорее все из кеша берется

на парсинг json как раз уходит несколько десятков миллисекунд, и это нереально быстро для мегабайтового файла

p.s. на c++ есть парсер simdjson, он в десять раз быстрее парсит, но делает он это не в память, а по лексемам, прямо в процессе анализа результата, там что то типа, получить следующую лексему, смотрим ее тип, имя и либо пропускаем (включая объхекты) либо рекурсивно работаем с объектом

браузер так не умеет, в теории можно попробовать написать такой парсер на javascript но я не верю что это будет быстрее

upd: https://www.npmjs.com/package/simdjson

Comments

[Y0MMY]

Понял, спасибо большое

[Lynn «Кофеман»]

Когда-то был oboe.js стриминговый JSON парсер.

Вот ещё https://www.npmjs.com/package/@discoveryjs/json-ext