Angular7 медленная загрузка страницы

Question

У меня есть приложение Angular7, которое мне передали. Первая содержательная краска и время до интерактивности составляет около 6 секунд! Кажется, что он останавливается (ожидает) примерно на 4 секунды при вызове API https://www.google-analytics.com/collect и https://fonts.gstatic.com/s/opensans, который, как я обнаружил, связан со шрифтами Google. Но это могло быть не причиной срыва. Я пытался использовать ленивую загрузку модулей, чтобы уменьшить размер пакета. В настоящее время мы находимся по адресу: styles. css 465B, runtime. js 1.1kB, polyfills. js 36kB, styles. js 10kB, vendor. js 583kB, main. js 142kB. Размер пакета не является проблемой, но браузер (chrome) по-прежнему останавливается на 6 секунд, прежде чем пользователь увидит домашнюю страницу. Кто-нибудь может посоветовать?

Я также посмотрел на SSR, но, похоже, его очень сложно настроить, учитывая, что мы обслуживаем AWS S3, используя содержимое в dist. Я строю с помощью:

ng build --outputHashing=all --prod

Пожалуйста, помогите. Я хочу убедиться, что я ничего не могу улучшить, прежде чем пробовать SSR. Спасибо!

Answer 1

Вы можете попробовать немного оптимизировать свой код и использовать AOT compilation mode во время сборки.

Я нашел хорошую статью, вы можете изучить ее и понять, каким именно образом вы можете улучшить свой код и сократить время загрузки. https://www.dotnettricks.com/learn/angular/tips-to-optimize-your-angular-application

Answer 2

Прежде всего, вы можете попробовать обновить версию Angular до последней, поскольку она приносит обновления производительности и исправления ошибок. Это то, что я делал до SSR. Тем не менее, SSR является "обязательным", если вы хотите улучшить взаимодействие с пользователем. Учитывая размер вашего комплекта, он не такой уж и большой. Мое приложение втрое больше вашего и загружается быстрее. Как я уже сказал, я выполняю рендеринг на сервере (SSR) и пока использую v9. Но без примеров кода ответить на этот вопрос очень сложно.

Ура!