Angular 4+ App медленный рендеринг на мобильном телефоне
Мое угловое приложение на мобильных устройствах работает очень медленно, поэтому я провела тест и обнаружила, что время выполнения javascript (после загрузки bundle.js) является основной проблемой. В них огромная разница между настольным компьютером и мобильным.
Что может быть причиной проблемы и какие могут быть возможные решения?
Тест для рабочего стола 
Тест для мобильных (Moto G) 
Вы можете видеть, что время выполнения JS обозначено фиолетовой полосой.
2 ответа
Пожалуйста, ознакомьтесь с предложениями Google по скорости страницы для вашего сайта.
https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Faiesec.org&tab=mobile
Попробуйте внести упомянутые изменения и протестируйте снова, чтобы увидеть, улучшится ли это.
Переместите блок рендеринга js в нижний колонтитул. Это единственное, что я заметил, когда проверил источник со своего мобильного телефона.
Пожалуйста, посмотрите на вопрос ниже
Как я могу улучшить производительность загрузки приложений Angular2?
Я видел начальную медленную проблему во многих угловых приложениях, хотя они были оптимизированы с производственной сборкой. Пожалуйста, посмотрите на это, это может помочь.
Попробуйте опережающий время (AOT) компилятор
Смотрите эту статью, чтобы узнать больше об информации
https://blog.nrwl.io/angular-is-aot-worth-it-8fa02eaf64d4
Официальная документация