2017-01-18 3 views
1

enter image description hereМоей Угловая 2 приложение нагрузка очень медленно в первый раз

Почему моя Угловое приложение загрузка настолько медленно, в первый раз? Что заставляет compiler.umd.js загружать почти 5 секунд, чтобы загрузить другие файлы?

+0

Возможный дубликат [My углового 2 приложения занимает много времени для загрузки для начинающих пользователей, мне нужна помощь, чтобы ускорить его] (https://stackoverflow.com/questions/35253914/my- угловое-2-приложение-дубли-а-долго-время-нагрузка-для-первых-время-пользователей-я-потребность-помощь к) –

ответ

1

Я думаю, что вы не используете такие инструменты, как расслоение WebPack, systemjs ..

При развертывании NG2-приложение, я должен использовать AOT (досрочно) компиляции. Я думаю, вы используете компиляцию JIT (как раз вовремя).

В angular2 направляющей странице

С АОТ, браузер загружает скомпилированную версию приложения. Браузер загружает исполняемый код, чтобы он мог визуализировать приложение немедленно, не дожидаясь компиляции приложения в первую очередь.

Когда вы используете компиляцию JIT, ваш браузер будет загружать vendor.js, который определен компилятором angular2, и он будет компилировать ваше приложение как раз вовремя. Это будет слишком медленно.

Я рекомендую использовать компиляцию AOT при развертывании и использовать ленивую загрузку для размера ресурсов.

Если вам интересно, компиляция ng2 AOT, прочтите это руководство.

angualar2-cookbook-AOT

А вот пример angular2 приложение с webpack2 и ленивой нагрузки.

Файлы в комплекте с aot меньше 500KB.

angular2-webpack2-aot

Смежные вопросы