как сделать angularjs сайт, чтобы загрузить быстрее

Question

** Я разрабатываю сайт, в котором передний конец выполнен с Angularjs **

Название сайта является http://limokit.com/limolog, но проблема заключается в том, что она займет минимум 30 секунд до откройте страницу сайта в браузере. Как уменьшить время загрузки?

мы использовали ngRoute для изменения состояний, но не получили результат, которого мы хотели достичь. Мы также преобразовали все html и js в миниатюрные, но это также не затрагивает проблему загрузки в первый раз.

Answer 1

На первый взгляд похоже, что вы загружаете отдельные js и css-файлы отдельно. Это может замедлить загрузку страницы, особенно в случае медленных подключений. Общая оптимизация для этого состоит в том, чтобы объединить все файлы js и css вместе и обслуживать один единственный js и один единственный файл css при производстве. Я не знаю, что вы используете для работы с файлами JS/CSS, но я использую compressor для Django.

Кроме того, для дальнейшей отладки этой проблемы помогает, если вы посмотрите на сетевые запросы, которые ваша страница делает на загрузке страницы в инспекторе Chrome. Вы можете собрать много информации, увидев, где ваши узкие места загружаются на странице.

Answer 2

На вашем сайте у вас 63 запроса и около 3 МБ (без кэша).

Как указано в другом пакете ответов, все в связках. Например. vendor.bundle.js, bundle.js и bundle.css, а также минимизировать эти пакеты.

Я бы использовал webpack или глоток для связывания.

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

На следующем скриншоте показана статистика вашего сайта (слева от кеша, справа нераскрыта). .