【问题标题】:How to refresh component faster when user presses F5用户按 F5 时如何更快地刷新组件
【发布时间】:2020-05-01 02:00:09
【问题描述】:

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

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

【问题讨论】:

    标签: routing components angular7


    【解决方案1】:

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

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

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

    【讨论】:

    • 是的,我正在开发模式下运行。
    • 您是否在您的网络应用程序中使用了许多服务和/或插件?也许你应该考虑结合路由的延迟加载策略(参见angular.io/guide/lazy-loading-ngmodules)。
    猜你喜欢
    • 2010-10-25
    • 1970-01-01
    • 2011-11-24
    • 1970-01-01
    • 2013-04-19
    • 1970-01-01
    • 2018-01-09
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多