Как оптимизировать рендеринг таблицы?

Question

[DanilBezrukov]

Всем привет

Я уже долго бьюсь с задачей, оптимизировать таблицу с сотней колонок и строк, в ячейке таблице тоже сложная иерархия

Проблема именно в рендеринге Я только как ее не писал, гриды, флексы, нативная таблица Брал таблицу материал

Виртуальный скролл, по разным осям ( по двум осям одновременно не вышло ) Проблема с начальным рендерингом решается, но в процессе скролла долго добавляет элементы в дом

Ну и комбинировал все эти подходы

В общем я иссяк

Возможно есть еще какие то подходы которые я упустил?

Использую Angular

Comments

[Александр]

Наверное все проблемы надо представить в голове, ну и профайлер в голове запускать очевидно, где будут видны проблемы, layout shift'ы и т.д.

[Антон Горецкий]

Александр, Александр Алехин играл не глядя(вслепую) на 32 досках в шахматы. ;)

[Natalia Baženova]

Мне кажется, надо отказаться от идеи представлять суперсложную таблицу на вебстранице, они для этого не предназначены. Сделайте экспорт в Excel, PDF или что лучше подойдет, в зависимости от цели.

Answer 1

[Даниил Секретов]

Используйте cookie, перенесете загрузку скриптов и стилей в низ. Мне помогло, то что сначала загружал html потом css а далее js код.