EAS WEB性能调优篇

       目前EAS WEB端性能调优，遇到最常见的两种情况分别是：

       1、页面因后端逻辑存在性能问题，导致页面加载异常缓慢；

       2、因前端逻辑不合理导致页面多次加载或渲染或网络请求，导致操作响应异常缓慢。

       下面分别针对这两种情况，聊下如何快速定位和分析。

       首先，针对第一种情况，我们主要是借助于EAS 自带的性能监控工具。在页面上按下 ctrl+alt+shift+m，打开页面的性能监控工具。如下图所示：

      在重新刷新页面，加载完成后，会在页面的右上角出现View Report蓝色字样

     点击View Rport字样后，便可进入针对当前页面的性能分析页面，如下图所示

       在这里可以很详细地看到页面各种网络请求的耗时，页面资源文件加载的耗时，以及前端功能的执行耗时，同步/异步请求服务端的执行耗时等

       其中，在同步/异步请求服务端的执行耗时的页签，选中某个耗时的步骤，会在表格下面显示具体的后端功能RPC耗时点，以及执行的SQL耗时情况，如下图所示：

       比如下图是针对某客户现场，页面打开缓慢做的分析。可以明显看出，是因为第五个RPC请求存在性能问题。然后针对这个接口做优化即可。

       针对第二种，页面前端逻辑不合理导致的性能问题。我们一般是借助于chrome的Performance工具。在Web页面上ctrl+alt+shift+d，进入页面的调试模式（系统页面中的js脚本会被压缩，合并，混淆处理，而调试模式下，