Размер сборки показывает меньший размер при сборке ,,, но в браузере он очень большой

Question

Время загрузки очень велико в браузере, и я предполагаю, что это из-за размера пакета, который генерируется под углом

Я набрал команду

ng build --prod --aot --vendor-chunk --common-chunk --delete-output-path --buildOptimizer чтобы подготовить мою сборку и размер пакета показывает очень маленький размер, но при просмотре в браузере расслоение все еще очень высоко см. Изображения здесь.

Answer 1

Из того, что я вижу, ваша скорость загрузки сильно ограничена из-за загрузки ваших медиа-файлов (изображений). Вы можете попробовать ленивую загрузку ваших изображений, а также использовать webp вместо png или jpg. Однако вам следует обратить внимание на поддержку браузера для изображений webp.

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

ng build --prod 

Нет необходимости генерировать порции вендора.

Кроме того, вы можете проверить, включена ли отложенная загрузка ваших маршрутов.

И последнее, но не менее важное: вы можете сжать созданные файлы в форматы сжатия gzip / brotli, поскольку они также значительно уменьшат общий размер пакета.