Как ускорить загрузку при начальной загрузке в Angular 7?

Question

Я создал Angular Приложение и разделил один модуль на несколько более мелких функциональных модулей и ленивую загрузку их. И удалил ненужные скрипты и стили из индекса . html и загрузить его на уровне компонентов. После окончательного развертывания файлов Время загрузки в первый раз слишком медленное,

Я пробовал с --prod, теперь размер файла составляет около 3 МБ, есть ли другие возможности для ускорения

Ниже приведен экран снимок моего файла сборки введите описание изображения здесь

Answer 1

Оптимизация скорости зависит не только от ленивой загрузки.

Если вы уверены, что оптимизировали свой код, удалили ненужный импорт, стили, скрипты, тогда вы должны применить другие решения, например:

• Сделать все дочерние маршруты как ленивую загрузку.
• Рендеринг на стороне сервера с Angular Универсальный
• Подавать предварительно сжатое содержимое с вашего сервера. Если вы развернули его с Nginx, вы можете включить сжатие Gzip.
• Обновить политики кеширования для статических c ресурсов. Это также должно быть настроено на стороне сервера.
• Ленивая загрузка изображения. Если у вас есть несколько изображений на первой странице, вы сначала загружаете только видимое изображение, а остальные загружаете при прокрутке. Вы можете найти для этого модуль Angular.
• Загружать внешние скрипты только тогда, когда они нужны.

Для повышения скорости можно применить другие методы.

Вы можете протестировать свое приложение с помощью Lighthouse или GTmetrix. Инструменты предложат вам решения для применения, и вы можете просто следовать им.