AngularJs: начальная директива рендеринга медленнее

Question

Я много сделал для оптимизации одной части моего приложения из-за огромного количества элементов в DOM. Я реализовал ленивую загрузку, наблюдал за тем, чтобы каждый цикл дайджеста был как можно меньше и т. Д.

Теперь мой вопрос: если кто-то еще столкнулся с тем, что начальная компиляция и рендеринг медленнее, чем рендеринг во второй раз (например, перейдите в другое место приложения и обратно).

Какое-то угловое кэширование, и если да, то как я могу заставить его кэшировать заранее?

Answer 1

$Routing в угловом режиме используется с использованием $templateRequest, который, в свою очередь, использует $templateCache. Вот почему все последующие изменения шаблонов выглядят быстрее.

Answer 2

Инструменты, такие как gulp-angular on yeoman.io, например, автоматически создадут ваше приложение и разместит ваши HTML-файлы в $ templateCache для вас. Он также объединяет и сокращает все сценарии.

В конечном счете, вы хотите, чтобы фрагменты html были включены в этот единственный файл javascript, чтобы каждый отдельный HTML-запрос GET для каждого из них.