routing - 用户按 F5 时如何更快地刷新组件
问题描述
我正在使用 Angular 7。当用户需要从一个组件切换到另一个组件时,路由工作得又快又好。但是当用户按下时F5
,应用程序需要很长时间才能重新加载,大约 40 秒。
你能帮忙减少这个时间吗?谢谢。
解决方案
您是在开发模式 ( ng serve
) 还是在生产服务器上运行 Angular 应用程序?在开发模式下,重新加载可能比构建的应用程序花费更多的时间,因为 Angular 使用实时服务器以 JIT 模式(“及时”)交付应用程序,而构建的应用程序最终编译并交付AOT(“提前")。
40 秒对于 Web 应用程序的初始化来说似乎太长了。问题是在重新加载时,服务器会收到一个新请求,Angular 必须重新初始化并执行到正确组件的路由。与仅加载特定页面内容而无需重新加载整个页面的正常路由行为相比,这可能需要更多时间。
您是否尝试在您的几个 Angular 页面上重新加载?它们都是 40 秒那么慢还是重新加载时间取决于您重新加载的页面?
推荐阅读
- android - 如何为 kotlin 数据类创建单元测试用例
- c# - 多个 ListBox 绑定相同 SelectedItem 属性的问题
- c# - 从数据库中创建一个选择框列表并将其显示在 asp.net mvc 的视图中
- ios - 如何在我的 Swift 应用程序中打开外部文件(epub 文件)
- javascript - 如何删除表格单元格之间的空格
- python-3.x - AWS Mythical Mysfits - 没有名为 flask 的模块 - ImportError
- performance - Tcl 源代码与 Tcl 包
- elixir - 长生不老药混合锁定文件中的字母数字值是什么意思?
- azure - 使用 Azure 函数提供动态 HTML 页面(带有数据绑定控件)
- python - 特定软件包版本的 pip 依赖树