Sapui5 首次加载应用程序需要一分钟以上的时间
我已经在SAPUI5中完成了一个应用程序,并部署在FLP中。首次加载需要一分钟以上的时间,之后只需2到3秒 当我在Chrome控制台中运行Performance时,它显示脚本编写花费了太多的时间。如何缩短应用程序的初始加载时间 index.htmlSapui5 首次加载应用程序需要一分钟以上的时间,sapui5,ui5-tooling,Sapui5,Ui5 Tooling,我已经在SAPUI5中完成了一个应用程序,并部署在FLP中。首次加载需要一分钟以上的时间,之后只需2到3秒 当我在Chrome控制台中运行Performance时,它显示脚本编写花费了太多的时间。如何缩短应用程序的初始加载时间 index.html 命令 sap.ui.getCore().attachInit(函数(){ sap.ui.require([ “sap/m/Shell”, “sap/ui/core/ComponentContainer” ],函数(外壳,组件容器){ 新壳({ 应用
命令
sap.ui.getCore().attachInit(函数(){
sap.ui.require([
“sap/m/Shell”,
“sap/ui/core/ComponentContainer”
],函数(外壳,组件容器){
新壳({
应用程序:新组件容器({
高度:“100%”,
名称:“订单”
})
}).placeAt(“内容”);
});
});
控制器模块
sap.ui.define([
“/基本控制器”,
“sap/ui/model/json/JSONModel”,
“sap/ui/core/routing/History”,
“./模型/格式化程序”,
“sap/ui/model/Filter”,
“sap/ui/model/FilterOperator”,
“sap/m/MessageToast”
],函数(BaseController,JSONModel,/*…*/){/*…*/});
XML名称空间
虽然一分钟花费的时间太长,但UI5应用程序在第一次运行时加载的时间较长是正常的,因为它会从UI5服务器下载UI5库——下载库后,它们会缓存到浏览器中,因此在下次运行时会快得多。技术优化 我看到您正在使用
sap.ui.comp.smarttable.smarttable
,而没有预加载其依赖项
您完全可以通过以下方式大大缩短应用程序的初始加载时间:
- 如中所述,预加载依赖库、
和注释$metadata
- 在
中将库依赖项从manifest.json
移动到datasapulibs
。看sap.ui5/dependencies/libs
- 如中所述,确定并减少同步XHR的数量
- 最后,在部署应用程序之前,使用-根据用例使用适用的命令选项-捆绑并最小化所有相关组件文件。默认情况下,将生成名为
的捆绑包,这将减少应用程序的总体大小和运行时的请求数Component preload.js
有关其他与性能相关的指南,请参见 心理优化 除了技术优化外,还应考虑感知管理
来源:组件预加载文件有助于提高应用程序在初始加载时的性能。您可以轻松创建此文件,例如,从SAP Web IDE:右键单击项目→ 建造→ 生成项目以创建/更新预加载文件。感谢您的回复。我想我至少可以缩短到20到30秒。有可能吗?即使对于UI5应用程序,花一整分钟的时间也绝对不是“正常的”。非常感谢。。“我会尽量让你知道的。”Haritaperumal智能桌就是一个例子。您可能有其他未预加载其依赖库的控件。求你了,也找他们。通常,Chrome的devtool中的网络面板会显示哪些库是按需同步加载的,如果没有预加载,就会发生这种情况。我已经预加载了依赖项并添加了Component-preload.js。现在第一次只需要6秒钟。谢谢您的回复!!!:)@当您从Web IDE在FLP上部署应用程序时,不必手动创建Component-preload.js(因为Web IDE会自动为您创建文件)。或者您使用的是不同的IDE?我使用的是Web IDE。当我将应用程序部署到SAP云平台时,它创建了一个dist文件夹,其中包含Component-preload.js文件。这是否回答了您的问题?否则,请参阅创建应用程序包帮助解决问题,但它不能解决问题。