首页 > 解决方案 > 用户按 F5 时如何更快地刷新组件

问题描述

我正在使用 Angular 7。当用户需要从一个组件切换到另一个组件时,路由工作得又快又好。但是当用户按下时F5,应用程序需要很长时间才能重新加载,大约 40 秒。

你能帮忙减少这个时间吗?谢谢。

标签: routingcomponentsangular7

解决方案


您是在开发模式 ( ng serve) 还是在生产服务器上运行 Angular 应用程序?在开发模式下,重新加载可能比构建的应用程序花费更多的时间,因为 Angular 使用实时服务器以 JIT 模式(“及时”)交付应用程序,而构建的应用程序最终编译并交付AOT(“提前")

40 秒对于 Web 应用程序的初始化来说似乎太长了。问题是在重新加载时,服务器会收到一个新请求,Angular 必须重新初始化并执行到正确组件的路由。与仅加载特定页面内容而无需重新加载整个页面的正常路由行为相比,这可能需要更多时间。

您是否尝试在您的几个 Angular 页面上重新加载?它们都是 40 秒那么慢还是重新加载时间取决于您重新加载的页面?


推荐阅读