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

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

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

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

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

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

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

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

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

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

       针对第二种，页面前端逻辑不合理导致的性能问题。我们一般是借助于chrome的Performance工具。在Web页面上ctrl+alt+shift+d，进入页面的调试模式（系统页面中的js脚本会被压缩，合并，混淆处理，而调试模式下，这些脚本文件是单独存在，利于调试）。在调试模式页面下，使用chrome浏览器F12打开开发者调试工具。如下图：

       这里提供了很多功能，比如查看页面元素，设置事件调试断点，查看网络请求，调试页面某个功能，查看页面脚本执行耗时等等。切换到Performance页签，然后点击左上角的黑色的圆球Record（Ctrl+E），进入录制状态。如下图所示：

       此时，我们便可重现网页卡端点的操作。比如表格加载、页面加载等动作。等待页面完全响应之后，我们点击stop，停止录制，这时候会给我们展示一个性能分析的结果，如下图所示：

       在Summary，会展示一个饼状图，并用不同的颜色标记，页面各种行为的耗时情况，比如页面渲染，脚本执行的耗时等情况。当我们发现Scripting（脚本）耗时占比很大的时候，我们可以继续打开

Call Tree页签，看看脚本的耗时具体体现在哪个脚本文件的哪个方法上，如下图所示：

       最后，我们再针对对应的耗时点，做分析和优化即可。