Почему в Ember.js могут долго загружаться темплейты?

Question

[fsamorodov]

Всем привет!

Пишем проект на Эмбере. Заметили, что некоторые темплейты грузятся очень долго (2-3 секунды). На этих темплейтах много проверок {#if else} и плагины вроде #ember-power-select.

Собственно вопрос:

Как можно оптимизировать и ускорить загрузку жирных темплетов?

Еще одна проблема, что при переходе на эти темплейты приложение подвисает. Мы используем Nprogress в качестве индикатора загрузки, который не срабатывает пока темплейт загружается, хотя должен запускаться при событии willTransition предыдущего роута.

Можно ли запускать индикатор загрузки Nprogress или любой другой сразу после клика мышки на ссылку без каких либо задержек?

Иначе создается ощущение, что приложение тормозит...

Плиз, Хелп :)

Answer 1

[Станислав Романов]

Привет.

Темплейты не грузятся, они уже в памяти, им нужно только отрисоваться, вы уверены что дело в них? Посмотрите скорость отрисовки в Ember Inspector.

Рекомендую вот эту статью, меньше размер быстрее будет работать.

А также обновитесть до последней версии Ember.js. Glimmer 2 на горизонте, шаблоны будут работать значительно быстрее.

Comments

[fsamorodov]

Спасибо за полезную статью!

[fsamorodov]

Убрал Ember-inputmask, ускорил загрузку в 4 раза! Спасибо за напоминание об эмберинспекторе :)

[fsamorodov]

Случаем не знаешь как можно запустить NProgress сразу по клику на ссылку?

[Станислав Романов]

fsamorodov: с NProgress не работал, нужно смотреть на реализацию