Боремся с 90-секундным зависанием Chrome при рендеринге графиков на 50к точек каждый

Пользователь хочет быстро увидеть шесть информативных графиков, а вместо этого сталкивается с ожиданием, равным загрузке старой досовской игры на дисках. Дело в том, что с recharts.js страница вела себя как тяжеловес. Оказалось, эта библиотека прекрасно справляется с небольшими задачами, но когда дело доходит до масштабирования – требуется нечто большее.

Спикер расскажет, как оптимизировал данные, анализировал критически важные элементы для рендеринга графиков и в итоге переписал графики на Chart.js, чтобы снизить время ожидания загрузки страницы до 10 секунд. В процессе поделится вещами, которые помогут в собственном путешествии по оптимизации рендеринга графиков. Не будет упора конкретно на эти библиотеки – на их месте мог быть каждый.