Кто-нибудь испытывает медленное время загрузки с угловым2

У меня есть угловое приложение с машинописными текстами и systemjs.Кто-нибудь испытывает медленное время загрузки с угловым2

Мои приложения всего 800кб и занимают 4 секунды дольше страницы с текстом.

Все мои JS и CSS мал/минимизированы и у меня есть 11 запросов в общей сложности почти без изображений

Все изображения сжимаются и в КДС firebase.

Я принимаю firebase и использую cloudflare для ssl и производительности.

Кто-нибудь испытал плохие угловые характеристики при нагрузке и кешировании.

У меня нет улучшений в кешировании в скорости.

Ниже снимок экрана файлов и время загрузки:

Это результаты тестирования скорости: https://www.webpagetest.org/result/161205_0H_S4H/

Запросы на нагрузке: 17 (см ниже экрана захвата язычка сети при нагрузке)

источник

2016-12-05 AngularM

Как долго выполняется каждый запрос при загрузке файлов? – byxor

Что показывает вкладка вашей сети в инструментах разработчика? – shusson

Запросы очень маленькие. Глядя на вкладку в сети, он показывает отставание в 3 секунды, где он ничего не делает – AngularM

не используют systemjs для производства.

использование пораненный (AOT) сборник.

https://angular.io/docs/ts/latest/cookbook/aot-compiler.html

источник

2016-12-05 09:50:21 user1990

Спасибо, я посмотрю. Почему система не идеальна для производства? – AngularM

SystemJS отлично подходит для производства при правильном использовании.SystemJS поддерживает по требованию ленивую загрузку пакетов. Например, вы можете импортировать внутри щелчка мыши, когда модуль необходим в первый раз. Кроме того, маршрутизатор Angular2 теперь поддерживает ленивую загрузку всех маршрутов с помощью SystemJS. Если вы правильно настроили свое приложение, SystemJS абсолютно нормально. – danday74

@ danday74 Вы могли бы добавить ссылку на пример маршрутизации, на которую ссылаетесь на ленивую загрузку маршрутов, тогда я сравню с моим. Кроме того, я добавлю свой вопрос выше – AngularM

обычно это происходит, когда разработчики небрежны с импортом. Одна из основных ошибок здесь заключается в импорте всего RxJS lib, когда вы хотите использовать только небольшую часть.

Например, вы не должны импортировать ..

import { Observable } from 'rxjs/Rx';

Это импортирует весь RXJS LIB, который является массовым.

import { Observable } from 'rxjs/Observable';

Будет просто импортировать то, что вам нужно.

Удалить все ссылки на «rxjs/Rx», и вы увидите массовое ускорение во время загрузки страницы.

источник

2016-12-05 10:31:32 danday74

. Я проверю, использую ли я это , Я не думаю, что это так. – AngularM

Я не пользуюсь наблюдаемым – AngularM

Кто-нибудь испытывает медленное время загрузки с угловым2

ответ

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