Больше количество ajax-запросов вешает браузер. Как можно оптимизировать?

Question

[Oleg Vavilov]

В react redux приходится делать большое количество ajax запросов к API на одной странице, что приводит к зависанию браузера на определенное время. Принцип работы следущий: получаю список объектов, после передаю в компонент объекта его id и гружу данные для каждого объекта отдельно. API не мое, оптимизировать в один запрос не получается. По этому требуется решение на стороне фронта. Возможно, есть какие-то варианты с конвеерной подгрузкой данных. Главное, чтобы браузер не зависал.

Comments

[Сергей Сунцев]

webcocket ?

[Анатолий Жаров]

Можно посмотреть на реализацию?

[Oleg Vavilov]

Сергей Сунцев, не подходит, не могу манипулировать сервером апи

[Oleg Vavilov]

Анатолий Жаров, Код выложить не могу.

[Анатолий Жаров]

Oleg Vavilov, вы кладете ответы в стор? Хотя бы на это посмотреть бы

[Oleg Vavilov]

Анатолий Жаров, https://gist.github.com/olgenn/63486d68574b3aaa612...

[Анатолий Жаров]

Oleg Vavilov, а много запросов? можно попробовать мутировать стейт, вместо того чтоб новый создавать

[actions.types.GET_OBJECT_DATA_SUCCESS]: () => {
        state[action.key] = {
            loading: false,
            data: action.payload,
        };
        return state;
    }

[Oleg Vavilov]

Анатолий Жаров, разное количество, может быть и больше 100.

[Oleg Vavilov]

Анатолий Жаров, Мутирование попробую

Answer 1

[Oleg Vavilov]

Действительно проблема в перерисовке. Решил следующим образом. Использовал shouldComponentUpdate, что бы свести перерисовку списка объектов к минимуму.

Answer 2

[Анатолий Жаров]

скорее всего дело не в самих запросах, а в перерисовке после получения каждого ответа. Стоит навесить лоадер, пока не будут получены все данные

Comments

[Oleg Vavilov]

Лоадер я сделал.