В настоящее время мы ожидаем плохой производительности нашего приложения angular при прокрутке. Хотя мы говорим только о 250 записях, вертикальная прокрутка медленная и медленная sh и происходит с большой задержкой. Посмотрев в DOM, я увидел, что на каждом свитке мы обновляем весь массив упаковщиков строк. В частности, значение для ng-отражение-offset-x, похоже, меняется с каждой прокруткой, как показано на скриншоте ниже. Моей первой мыслью было, что эта перерисовка может быть root из наших проблем с производительностью.
Кроме того, у нас есть горизонтальная полоса прокрутки, без цели. Он показывает потенциал прокрутки, которого там нет. Мы можем перетащить полосу прокрутки (и значения ng-отражение-offset-x изменятся), но в представлении таблицы ничего не происходит. Таким образом, в основном мы можем бесконечно тянуть большой палец полосы прокрутки, при этом значения смещения достигают значений, превышающих 4000.
Вот также скриншот производительности graph:
Как видите, очевидно, что есть некоторые проблемы с рендерингом таблицы. Это происходит только в Chrome, в Firefox все нормально. Это так, по крайней мере, до тех пор, пока я не запустил отладчик для firefox.
Кто-нибудь знает, что не так в нашей настройке? Скажите, пожалуйста, если вам нужны конкретные c фрагменты кода, так как я не знаю, какие именно вам могут понадобиться.