加载页面时慢角度应用程序
我已经看到这个问题很长一段时间了，并在网上寻找一些解决方案，但我认为我没有使用正确的术语来识别问题。
运行package.json时，我的$ npm start中有以下命令
ng serve --host 0.0.0.0 --disableHostCheck --proxy-config proxy.dev.json --extract-css --show-circular-dependencies false当我用'npm‘启动我的应用程序时，一切似乎都正常，但是在我看到'webpack:成功编译’之后，我需要很长时间(7-8秒)才能真正看到页面或加载屏幕(当HTTP调用发生时会显示一个旋转器)。
我很好奇在编译成功和显示页面之间发生了什么。编译成功后，我看到一个空白页，持续7-8秒。
一旦显示了页面，然后通过菜单导航到另一个页面，所有内容都会立即显示。但是当我手动更改URL并点击enter时，加载页面需要7-8秒。
当这种情况发生时，我没有看到我的控制台，网络选项卡或其他任何活动.有什么我能查到的没有回应的“空白”吗？
值得一提的是，在ng build --prod之后使用Apache为应用程序提供服务时，我没有看到这个问题。
角版本5.2.11角-CLI 1.7.4
网络选项卡
性能标签
回答 1
Stack Overflow用户
发布于 2018-07-31 08:51:22
我很好奇在编译成功和显示页面之间发生了什么。编译成功后，我将看到一个空白页，时间为7-8秒。
您的浏览器需要下载应用程序的包，它必须很大，这取决于加载的7-8秒。在$ ng serve中，默认情况下在开发模式下生成捆绑包，这意味着这些包的原始大小为，因此与生产模式中的捆绑包相比，它们的大小必须很大。
在生产模式--prod中，捆绑包被缩小了，因此它们很小，这意味着下载这些包所需的时间会更少。
注意：
如果您想注意到这种行为，请在浏览器中打开控制台并移动到“网络”选项卡，查看浏览器正在下载的包&需要多少时间。
https://stackoverflow.com/questions/51608918
复制相似问题
腾讯云开发者
