Угловая производительность
Я хочу создать адаптивное приложение с Angular 4. Я проверяю некоторые адаптивные платформы и, конечно, одним из основных вариантов является угловая flex-layout.
Я сделал несколько тестовых страниц с угловым flex-layout и увидел, что он не использует css media-запросы, и все прослушивание и отзывчивость реализованы с помощью машинописи.
Может ли этот факт вызывать проблемы с производительностью в мобильных устройствах / устройствах с ограниченными ресурсами? Есть больше платформ реагирования, таких как flexbox-grid, которые основаны только на css. Не лучше ли использовать платформы на основе CSS, а не угловую гибкую компоновку с точки зрения производительности?
3 ответа
Единственная заметная производительность, с которой я столкнулся, - это отображение большого списка / таблиц.
Взгляните на эту страницу: https://github.com/angular/flex-layout/wiki/Performance-Considerations
В угловой раскладке есть точки излома для устройств разной ширины. Вы можете просмотреть все доступные варианты по ссылке ниже:
Да, безусловно, это может вызвать проблемы с производительностью — даже на рабочем столе, а не только с таблицами, если отображается большое количество элементов. Я лично столкнулся с серьезной проблемой производительности рендеринга из-за сбоев в макете.
У меня время загрузки страницы превышало 20 секунд. В процессе отладки я обнаружил, что переключившись с (ныне устаревшей) библиотеки гибкого макета на альтернативу CSS, такую как css-fx-layout, я смог сократить время загрузки страницы до менее 2 секунд.