Angular Fronted让我在第一次装载时等待20mb转移

Question

我在我的Full Stack网站上使用MEAN堆栈。我在Angular5中开发了Front端并部署在服务器上。但是现在首次加载需要花费太多时间，因为它的下载量接近20mb左右。

以下是第一次尝试加载时Chrome网络分析器的屏幕截图。任何人都建议我进行任何更改以使其更快？

Answer 1

将较大的图像移动到外部文件，而不是将它们嵌入模板中。 Base64编码会导致较大的文件大小，并可能会延迟页面加载。

另外，请确保仅以应用程序所需的分辨率发送图像。在大多数情况下，20 mb是不正常的。

Answer 2

我认为我们将发送base64值的文件对象实例。

Answer 3

我做错了。 要在服务器上部署，我们必须通过ng biuld --prod（可选）构建项目，并将place生成dist文件夹到服务器，然后通过http-server启动服务器。