Web应用程序开始时的加载时间问题（Angular 6中）

Question

这是关于一个大型胖Web应用程序的。当我在本地运行该应用程序时，只需很少的加载时间即可完美启动。我已经将我的项目提交到服务器了。当我当时使用服务器的IP地址运行它时，它花费了太多时间来启动应用程序。在这种情况下，加载时间会更长。

我在登录页面中使用了两张图片。它们分别是logo.png和bgloginscreen.png。两者都在/ assets / images文件夹中。我在css文件中使用了bgloginscreen.png，在html文件的img标签中使用了logo.png，如下所示。

      .r-col {
   flex: 1 1 40%;
   max-width: 40%;
   background-image:url(../../assets/images/bgloginscreen.png);
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
   width:60%;
     }

   <img src="assets/images/logo.png">

根据图像中所示的瀑布，仅由于这两个图像，加载时间非常长。我无法找出延迟加载的真正原因。

  这里的另一个问题是在“网络”标签中，bgloginscreen.png的请求方法未从提供的路径（即资产/图像）中选择该图像。从正确的位置选择了logo.png。 我的主要目标是减少启动时应用程序的加载时间。我提到了所有对我来说似乎都是问题的东西。 如果这些信息不足，请询问我。谢谢