如何找到加载缓慢的 SAPUI5 应用程序的加载瓶颈 [英] How to find loading bottleneck of a slow-loading SAPUI5 app

查看：87 发布时间：2021/7/14 20:16:33 javascript xmlhttprequest sapui5

本文介绍了如何找到加载缓慢的 SAPUI5 应用程序的加载瓶颈的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我正在构建一个自定义 SAPUI5 应用程序，它由页面标题内容中的七个图表 (sap.viz.ui5.controls.VizFrame) 组成(嵌套在 sap.suite.ui.commons.ChartContainer) 和主要内容区域中的网格表 (sap.ui.table.Table).图表和表格的数据由 OData V2 服务提供，该应用在最新版本 (1.81.0) 上独立运行.

问题是应用加载时间过长.需要 7 到 20 秒.这对于更复杂"的应用程序来说是常见的吗?应用程序?我试图找到瓶颈，但一切看起来都很好.许多网络请求被缓存(它们需要 0 毫秒)，但是，它们之间有轻微的延迟，我不明白为什么.此外，尽管我在 index.html 文件中使用了 data-sap-async=true"，但控制台中还有以下警告:><块引用>

[弃用] 主线程上的同步 XMLHttpRequest 已弃用，因为它对最终用户的体验有不利影响.如需更多帮助，请查看

解决方案

正如网络"选项卡所示，有许多模块一一依次加载，其中许多甚至通过同步 XHR 加载.最重要的任务是尽可能减少同步 XHR.

我在 manifest.json 中看到只声明了少量库.但是，根据网络选项卡，该应用程序使用来自其他库的控件，这些控件未在 dependencies 中声明.
所以应该是:
```
sap.ui5":{依赖关系":{库":{sap.ui.core":{}，sap.m":{}，sap.ui.table":{}，sap.f":{}，sap.ui.unified":{}，sap.ui.layout":{}，sap.viz":{}，sap.suite.ui.commons":{}},
```
^{一些库被其他库传递需要(例如sap.ui.table需要sap.ui.unified).^src 然后您可以添加 "sap.ui.unified": { lazy: true } 如果该库没有直接使用.}

预先异步预加载通常通过 loadSyncXHR 加载的第三方模块.

如果您检查 Network 选项卡中的 Initiator 列，您可以检测到更多通过同步 XHR 加载的模块.将这些模块添加到 data-sap-ui-modules 应该避免它:


        
            相关文章
            
                    
                        
                            应用程序定义之间的SAPUI5导航;
                        
                    
                    
                        
                            表动态加载SAPUI5/UI5;
                        
                    
                    
                        
                            如何在后台加载sapui5资源;
                        
                    
                    
                        
                            如何使用模拟数据运行 SAPUI5 Fiori 应用程序;
                        
                    
                    
                        
                            SAPUI5 SAPUI5 XML 模型添加项;
                        
                    
                    
                        
                            SAPUI5 - 在多个应用程序中重用片段;
                        
                    
                    
                        
                            在SAPUI5中加载OData时失败;
                        
                    
                    
                        
                            为什么SAPUI5多次加载类似的片段？;
                        
                    
                    
                        
                            Sapui5应用程序不会使用grunt来简化;
                        
                    
                    
                        
                            如何将外部库加载到 SAPUI5 视图中?;
                        
                    
                    
                        
                            如何为SAPUI5/OPENUI5应用程序设置测试用例?;
                        
                    
                    
                        
                            SAPUI5中的动画;
                        
                    
                    
                        
                            如何重用 SAPUI5 视图?;
                        
                    
                    
                        
                            在SAPUI5应用程序中调用Servlet显示404错误;
                        
                    
                    
                        
                            SAPUI5应用程序使用后端登录并获取数据;
                        
                    
                    
                        
                            Sapui5栏链接;
                        
                    
                    
                        
                            SAPUI5 - 隐藏表列?;
                        
                    
                    
                        
                            在SAPUI5中加载没有表或列表对象的OData;
                        
                    
                    
                        
                            SAPUI5中的语言切换;
                        
                    
                    
                        
                            SAPUI5 中的分页符;
                        
                    
                    
                        
                            带外壳的SAPUI5 logOff();
                        
                    
                    
                        
                            SAPUI5 / OpenUI5：包装;
                        
                    
                    
                        
                            sapui5 Vizframe 和 IconTabBar;
                        
                    
                    
                        
                            SAPUI5 JSONModel 和 JSONP;
                        
                    
                    
                        
                            SAPUI5 禁用向导栏;


    
        
            前端开发最新文章
            
                    
                        
                            为什么Chrome（在Electron内部）突然重定向到chrome-error：// chromewebdata？;
                        
                    
                    
                        
                            错误102（net :: ERR_CONNECTION_REFUSED）：服务器拒绝连接;
                        
                    
                    
                        
                            如何解决'重定向已被CORS策略阻止：没有'Access-Control-Allow-Origin'标题'？;
                        
                    
                    
                        
                            如何处理“Uncaught（in promise）DOMException：play（）失败，因为用户没有首先与文档交互。”在桌面上使用Chrome 66？;
                        
                    
                    
                        
                            警告：添加非被动事件侦听器到滚动阻塞'touchstart'事件;
                        
                    
                    
                        
                            如何在浏览器中播放.TS文件（视频/ MP2T媒体类型）？;
                        
                    
                    
                        
                            此请求已被阻止;内容必须通过HTTPS提供;
                        
                    
                    
                        
                            资源解释为样式表，但转换为MIME类型text / html（似乎与web服务器无关）;
                        
                    
                    
                        
                            通过HTTPS加载页面但请求不安全的XMLHttpRequest端点;
                        
                    
                    
                        
                            拒绝从执行脚本'*'，因为它的MIME类型（“应用/ JSON'）不是可执行文件，并严格MIME类型检查被启用。;
                        
                    
            
        
        
            
                热门教程
            
            
                
                    
                        Java教程
                    
                
                
                    
                        Apache ANT 教程
                    
                
                
                    
                        Kali Linux教程
                    
                
                
                    
                        JavaScript教程
                    
                
                
                    
                        JavaFx教程
                    
                
                
                    
                        MFC 教程
                    
                
                
                    
                        Apache HTTP客户端教程
                    
                
                
                    
                        Microsoft Visio 教程
                    
                
            
        
        
            
                热门工具
            
            
                
                
                    
                        Java 在线工具
                    
                
                
                    
                        C(GCC) 在线工具
                    
                
                
                    
                        PHP 在线工具
                    
                
                
                    
                        C# 在线工具
                    
                
                
                    
                        Python 在线工具
                    
                
                
                    
                        MySQL 在线工具
                    
                
                
                    
                        VB.NET 在线工具
                    
                
                
                    
                        Lua 在线工具
                    
                
                
                    
                        Oracle 在线工具
                    
                
                
                    
                        C++(GCC) 在线工具
                    
                
                
                    
                        Go 在线工具
                    
                
                
                    
                        Fortran 在线工具

如何找到加载缓慢的 SAPUI5 应用程序的加载瓶颈 [英] How to find loading bottleneck of a slow-loading SAPUI5 app

问题描述

相关文章

前端开发最新文章

热门教程

热门工具

登录 关闭

登录关闭