Этот пост изначально был опубликован на https://juristr.com/blog/2019/08/ngperf-virtual-scrolling-cdk . Перейти к juristr.com/blog для большего количества контента
Эта статья является частью моей «угловой рабочей недели» серии «Неделя», где я публикую новое видео каждый день на основе статей производительности на Web.dev/angulour.
ПРИМЕЧАНИЕ. Эта статья и прилагаемые видео уроки EGGHEAD основаны на статьях на web.dev/angular по Минко Гечев и Стивен Фрин Отказ Полный кредит идет к ним 👍
Угловая производительность серии
- Расщепление кода на уровне маршрута
- Прелогальные ленивые маршруты в угловой
- Бюджеты производительности с угловой CLI
- Оптимизация обнаружения угловых изменений
- Виртуальная прокрутка для больших списков с CDK
- Парачинг с угловым работником
Не пропустите другие видео Подписавшись на мою рассылку Отказ
Используйте угловой CDK для реализации виртуальной прокрутки
Браузеры становятся быстрее каждый день, но все же, Обновления DOM дорогие Отказ Если у нас есть большие списки, браузер должен сделать их авансот, создавая сотни, если не тысячи узлов DOM, даже если пользователь может не прокручивать это далеко по списку. Не только это замедляет саму прокрутку, но даже страница нагрузки нашего приложения может пострадать от нее. Чтобы оптимизировать этот опыт, мы можем использовать Виртуальная прокрутка В частности, в этом уроке мы используем CDK Angular для реализации этого.
Оригинальная статья web.dev
Хотите прочитать оригинальную статью web.dev? Проверьте это здесь! .
Оригинал: “https://dev.to/angular/angular-performance-virtual-scrolling-with-the-cdk-50pl”