Vendor.bundle文件使用angular-cli缓慢加载

Question

我有一个Angular 2项目，由angular-cli构建。 运行"npm build --prod"命令后，dist文件夹看起来像：

我的web.config包含这样的gzip定义：

<urlCompression doStaticCompression="true" doDynamicCompression="true" />
     <httpCompression>
        <dynamicTypes>
          <clear />
          <add enabled="true" mimeType="text/*"/>
          <add enabled="true" mimeType="message/*"/>
          <add enabled="true" mimeType="application/x-javascript"/>
          <add enabled="true" mimeType="application/javascript"/>
          <add enabled="true" mimeType="application/json"/>
          <add enabled="false" mimeType="*/*"/>
          <add enabled="true" mimeType="application/atom+xml"/>
          <add enabled="true" mimeType="application/atom+xml;charset=utf-8"/>
        </dynamicTypes>
        <staticTypes>
          <clear />
          <add enabled="true" mimeType="text/*"/>
          <add enabled="true" mimeType="message/*"/>
          <add enabled="true" mimeType="application/javascript"/>
          <add enabled="true" mimeType="application/atom+xml"/>
          <add enabled="true" mimeType="application/xaml+xml"/>
          <add enabled="true" mimeType="application/json"/>
          <add enabled="false" mimeType="*/*"/>
        </staticTypes>
      </httpCompression>

请求标头包括gzip Content-Encoding和Accept-Encoding：

我使用Azure网络应用来托管我的网站。

当我在Chrome中加载网站时（例如），它需要花费很多时间， 有问题的文件是vendor.bundle - 即使它的大小非常小，如图片（515KB），加载需要50秒！当相同大小的图像在2秒加载时。

这是chrome dev工具中的网络部分：

我做错了什么？