UI5性能参数：data-sap-ui-preload与data-sap-ui-async

Question

不同的SAPUI5性能指南提到了两个关键参数，它们似乎具有相似的性质，但解释略有不同：

1. data-sap-ui-preload="async" 这里最重要的设置是data-sap-ui-preload="async"。这使运行时能够在后台异步加载所有已声明库的模块。这减少了客户端发送的可能相互阻塞的请求数量。
2. data-sap-ui-async="true" 最重要的设置是data-sap-ui-async="true"。如果使用异步API，这使运行时能够异步加载所有声明的库的所有模块和预加载文件。设置async=true利用浏览器的功能并行执行多个请求，而不会阻止UI线程。

你能澄清一下这究竟是什么区别，我应该何时使用另一个？

Answer 1

第一个链接文档基于过时的UI5版本1.38.x。当时，配置sap-ui-preload="async"确实是“最重要的设置”，因为当时没有可用的sap-ui-async。使用版本1.58.2，引入async="true"，应该使用preload="true"主题中所述的Configuration Options and URL Parameters：

preload

此配置参数定义所谓的预加载文件的加载行为。它们包含库的所有模块。 （......）

值使用如下：

• 设置为auto时，当preload=sync bootstrap配置参数设置为false（async）或根本未设置时，SAPUI5运行时自动使用async=false。如果设置了preload，则会异步加载async=true文件。
• 设置为async时，preload文件将异步加载。但是，我们建议在引导程序中使用async=true配置参数，因为它会将更多模块/相关API切换为异步，包括预加载文件的加载行为。

async

此配置设置使模块加载程序能够异步加载模块和库预加载文件。

---

TL;DR

data-sap-ui-async="true" // since 1.58.2 --> Replaces preload="async"

data-sap-ui-preload="async" // for 1.58.1 and below