Как оптимизировать загрузку приложения Angular.js?

Question

[Фаёзжон Бердиев]

Доброе время суток уважаемые коллеги и братья по оружию!
Создал приложение на Angular.
Дело в том что приложение открывается ооооочень долго. В devtools показывает размер аж в 4 мегабайта и даже моей скоростью (2 мб\сек самая лучшая доступная скорость в нашем регионе) сайт открывается ровно 2 минуты.

Пожалуйста помогите какие существуют методы оптимизации? Какие компоненты использовать, как минифицировать проект автоматически?
Буду благодарен пошаговым инструкциям так как это моя первая работа на AngularJS.

Адрес приложения tezkor.co

Comments

[Фаёзжон Бердиев]

DeLuxis: Спасибо большое, действительно так, я никогда не пинаю Angular. Все что я хочу могу реализовать на нем, даже больше. У меня проблема лишь одна это все файлы я использовал без минификаций.

Answer 1

[Alex]

https://developers.google.com/speed/pagespeed/insi...

для минификации Gulp + плагины на выбор..

https://www.npmjs.com/package/gulp-minify например.

Comments

[Фаёзжон Бердиев]

Спасибо. Сейчас постараюсь сделать через useref gulp

Answer 2

[norlin]

Лучшей оптимизацией будет избавиться от Angular.js, например.

Comments

[Фаёзжон Бердиев]

По вашей логике можно еще проще поступить, просто удалить все нажатием CTRL+DEL. Очень дельный совет

[norlin]

Фаёзжон Бердиев: ваш вариант не подходит, т.к. при удалении не будет работать нужная функциональность ;)

[Дмитрий Беляев]

Абсолютно согласен, ангуляр у меня на 1 месте в списке "раскрученное г..."

[norlin]

DeLuxis: я бы не был так уверен. Очень мало задач, для которых Ангуляр действительно хорош. Кроме того, его крайне непросто кастомизировать – по-хорошему, он требует, чтоб весь код был написать на ангуляр.

[norlin]

DeLuxis: нет, большинство фреймворков наоборот стараются быть наименее навязчивыми. Посмотрите, например, на Backbone.

[Фаёзжон Бердиев]

Уважаемые коллеги, приложения на Angular пишу с большим удовольствием, еще не возникало проблем с функциональносью, как мобильные так и веб-проложения, просто получилось чуть много файликов без минификаций.

[Евгений]

Фаёзжон Бердиев: тут проблема не в том, что их много (для приложения это нормально), а в том, что они грузятся все сразу. Вот зашел я на главную страницу приложения, зачем мне код и шаблоны других страниц?

[Фаёзжон Бердиев]

Nc_Soft: Я уже оптимизировал, concat помог сократить время загрузки страницы с 2 минут до 5 секунд.
Так же включил на сервере Gzip + cache

Answer 3

[Фаёзжон Бердиев]

Всем спасибо за комментарии.

Ускорил на несколько раз, с помощью Gulp,ng-anotate,gulp-concat,css-minify,gulp-uglify