Sapui5 首次加载应用程序需要一分钟以上的时间

Sapui5 首次加载应用程序需要一分钟以上的时间,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” ],函数(外壳,组件容器){ 新壳({ 应用

我已经在SAPUI5中完成了一个应用程序,并部署在FLP中。首次加载需要一分钟以上的时间,之后只需2到3秒

当我在Chrome控制台中运行Performance时,它显示脚本编写花费了太多的时间。如何缩短应用程序的初始加载时间

index.html

命令
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
    的捆绑包,这将减少应用程序的总体大小和运行时的请求数
上述要点通常适用于所有UI5应用程序,而不仅仅适用于SmartTable。
有关其他与性能相关的指南,请参见

心理优化 除了技术优化外,还应考虑感知管理

  • 重要的是要注意这是真正的表现。毫秒数并不重要
  • 为了表明某事正在发生,我们可以利用 ,及 根据下图:

  • 来源:

    组件预加载文件有助于提高应用程序在初始加载时的性能。您可以轻松创建此文件,例如,从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文件。这是否回答了您的问题?否则,请参阅创建应用程序包帮助解决问题,但它不能解决问题。