web页面运行效率监测方法及装置制造方法及图纸

本发明专利技术实施例提供了一种web页面运行效率监测方法及装置，其中，该方法包括：响应用户通过浏览器访问web页面的请求，获取web页面的渲染开始时间点，web页面是由与具体业务操作功能相对应的UI组件组成的；当用户在web页面上点击触发UI组件的触发事件时，获取被点击的UI组件的触发事件的处理开始时间戳和处理结束时间戳；在用户点击的UI组件的触发事件处理结束且返回web页面时，获取web页面的渲染结束时间点；根据获取的web页面的渲染开始时间点和渲染结束时间点，实时计算渲染响应耗时；根据获取的UI组件的触发事件的处理开始时间戳和处理结束时间戳，实时计算UI组件对应的业务操作的响应耗时。

【技术实现步骤摘要】

本专利技术涉及web互联网
，特别涉及一种web页面运行效率监测方法及装置。
技术介绍
在互联网行业快速发展的今天，web网站已经从过去信息共享、信息传递等简单应用，发展到如今丰富多彩的web应用，给人们的工作、生活带来便捷，成为人们工作、生活中不可或缺的一部分。随着web应用越来越重视优秀的用户体验，web页面也越做越复杂，如何更好的保障用户体验中最核心的交易响应耗时的体验成为了一个必须要解决的问题。目前，web应用对交易响应耗时的采集大多基于服务器交易监控和网络层的响应时间监控。但随着页面效果和JS操作日益增加，web页面的交易性能由“服务端性能为主”已经转变为“服务端、客户端共同消耗性能”。单纯的服务器交易监控和网络层的响应时间监控不足以满足性能监控采集和分析的要求。如图1所示，服务器交易监控和网络层的响应时间监控无法覆盖对交易响应环节中的DOMLoad、JSRender和Ajax的时间，导致采集的耗时数据和真实等待的时间存在一定的误差。同时传统的交易响应耗时一般都仅通过日志记录的方式采集耗时，以事后分析为主，无法在事中直接对交易耗时进行分析和评价。
技术实现思路
本专利技术实施例提供了一种web页面运行效率监测方法，以解决现有技术中采集的交易响应耗时与真实等待时间不符、不能在事中直接获得交易响应耗时的技术问题。该方法包括：响应用户通过浏览器访问web页面的请求，获取所述web页面的渲染开始时间点，其中，所述web页面是由与具体业务操作功能相对应的UI(UserInterface，用户界面)组件组成的，不同UI组件为用户提供不同的点击操作；当用户在所述web页面上点击触发UI组件的触发事件时，获取被点击的UI组件的触发事件的处理开始时间戳和处理结束时间戳；在用户点击的UI组件的触发事件处理结束且返回所述web页面时，获取所述web页面的渲染结束时间点；根据获取的所述web页面的渲染开始时间点和渲染结束时间点，实时计算所述web页面的渲染响应耗时；根据获取的UI组件的触发事件的处理开始时间戳和处理结束时间戳，实时计算UI组件对应的业务操作的响应耗时。在一个实施例中，获取所述web页面的渲染开始时间点和渲染结束时间点，包括：获取预设的性能监控配置信息，所述性能监控配置信息中包括是否开启交易响应耗时监控的全局开关，在所述性能监控配置信息指示开启交易响应耗时监控的情况下，获取所述web页面的渲染开始时间点和渲染结束时间点；获取被点击的UI组件的触发事件的处理开始时间戳和处理结束时间戳，包括：所述性能监控配置信息中还包括需要开启交易响应耗时监控的UI组件的名称，在被点击的UI组件的名称包括在所述性能监控配置信息中时，获取被点击的UI组件的触发事件的处理开始时间戳和处理结束时间戳。在一个实施例中，在计算出所述web页面的渲染响应耗时和UI组件对应的业务操作的响应耗时后，还包括：实时在所述web页面上显示所述web页面的渲染响应耗时和UI组件对应的业务操作的响应耗时。在一个实施例中，实时在所述web页面上显示所述web页面的渲染响应耗时和UI组件对应的业务操作的响应耗时，包括：获取预设显示配置信息，根据所述预设显示配置信息，实时在所述web页面上显示所述web页面的渲染响应耗时和UI组件对应的业务操作的响应耗时，其中，所述预设显示配置信息包括是否采用图形化小窗口显示响应耗时以及显示不同响应耗时所采用的颜色。在一个实施例中，在计算出所述web页面的渲染响应耗时和UI组件对应的业务操作的响应耗时后，还包括：将计算出的所述web页面的渲染响应耗时和UI组件对应的业务操作的响应耗时缓存在所述web页面上，在达到缓存阈值或预设时间间隔时，将缓存在所述web页面上的渲染响应耗时和UI组件对应的业务操作的响应耗时存储到数据库中。本专利技术实施例还提供了一种web页面运行效率监测装置，以解决现有技术中采集的交易响应耗时与真实等待时间不符、不能在事中直接获得交易响应耗时的技术问题。该装置包括：web页面装载模块，用于响应用户通过浏览器访问web页面的请求，获取所述web页面的渲染开始时间点，其中，所述web页面是由与具体业务操作功能相对应的UI组件组成的，不同UI组件为用户提供不同的点击操作；UI组件时间获取模块，用于当用户在所述web页面上点击触发UI组件的触发事件时，获取被点击的UI组件的触发事件的处理开始时间戳和处理结束时间戳；所述web页面装载模块，还用于在用户点击的UI组件的触发事件处理结束且返回所述web页面时，获取所述web页面的渲染结束时间点；事件分析模块，用于根据获取的所述web页面的渲染开始时间点和渲染结束时间点，实时计算所述web页面的渲染响应耗时；根据获取的UI组件的触发事件的处理开始时间戳和处理结束时间戳，实时计算UI组件对应的业务操作的响应耗时。在一个实施例中，所述web页面装载模块，具体用于获取预设的性能监控配置信息，所述性能监控配置信息中包括是否开启交易响应耗时监控的全局开关，在所述性能监控配置信息指示开启交易响应耗时监控的情况下，获取所述web页面的渲染开始时间点和渲染结束时间点；所述UI组件时间获取模块，具体用于所述性能监控配置信息中还包括需要开启交易响应耗时监控的UI组件的名称，在被点击的UI组件的名称包括在所述性能监控配置信息中时，获取被点击的UI组件的触发事件的处理开始时间戳和处理结束时间戳。在一个实施例中，还包括：显示模块，用于在计算出所述web页面的渲染响应耗时和UI组件对应的业务操作的响应耗时后，实时在所述web页面上显示所述web页面的渲染响应耗时和UI组件对应的业务操作的响应耗时。在一个实施例中，所述显示模块，具体用于获取预设显示配置信息，根据所述预设显示配置信息，实时在所述web页面上显示所述web页面的渲染响应耗时和UI组件对应的业务操作的响应耗时，其中，所述预设显示配置信息包括是否采用图形化小窗口显示响应耗时以及显示不同响应耗时所采用的颜色。在一个实施例中，还包括：日志模块，用于在计算出所述web页面的渲染响应耗时和UI组件对应的业务操作的响应耗时后，将计算出的所述web页面的渲染响应耗时和UI组件对应的业务操作的响应耗时缓存在所述web页面上，在达到缓存阈值或预设时间间隔时，将缓存在所述web页面上的渲染响应耗时和UI组件对应的业务操作的响应耗时存储到数据库中。在本专利技术实施例中，由于web页面是由与具体业务操作功能相对应的UI组件组成的，不同UI组件为用户提供不同的点击操作，在有用户访问web页面时，响应用户通过浏览器访问web页面的请求，获取web页面的渲染开始时间点，当用户在web页面上点击触发UI组件的触发事件时，获取被点击的UI组件的触发事件的处理开始时间戳和处理结束时间戳，在用户点击的UI组件的触发事件处理结束且返回web页面时，获取web页面的渲染结束时间点，使得可以实时获取web页面的渲染开始时间点和渲染结束时间点，并实时获取被点击的UI组件的触发事件的处理开始时间戳和处理结束时间戳，即用户在web页面上进行的任何点击操作对应的响应耗时都可以通过获取UI组件的触发事件的处理开始时间戳和处理结束时间戳的方式被记录下来，因此可以监控交易响应中各个环节的本文档来自技高网...

【技术保护点】
一种web页面运行效率监测方法，其特征在于，包括：响应用户通过浏览器访问web页面的请求，获取所述web页面的渲染开始时间点，其中，所述web页面是由与具体业务操作功能相对应的UI组件组成的，不同UI组件为用户提供不同的点击操作；当用户在所述web页面上点击触发UI组件的触发事件时，获取被点击的UI组件的触发事件的处理开始时间戳和处理结束时间戳；在用户点击的UI组件的触发事件处理结束且返回所述web页面时，获取所述web页面的渲染结束时间点；根据获取的所述web页面的渲染开始时间点和渲染结束时间点，实时计算所述web页面的渲染响应耗时；根据获取的UI组件的触发事件的处理开始时间戳和处理结束时间戳，实时计算UI组件对应的业务操作的响应耗时。

【技术特征摘要】
1.一种web页面运行效率监测方法，其特征在于，包括：响应用户通过浏览器访问web页面的请求，获取所述web页面的渲染开始时间点，其中，所述web页面是由与具体业务操作功能相对应的UI组件组成的，不同UI组件为用户提供不同的点击操作；当用户在所述web页面上点击触发UI组件的触发事件时，获取被点击的UI组件的触发事件的处理开始时间戳和处理结束时间戳；在用户点击的UI组件的触发事件处理结束且返回所述web页面时，获取所述web页面的渲染结束时间点；根据获取的所述web页面的渲染开始时间点和渲染结束时间点，实时计算所述web页面的渲染响应耗时；根据获取的UI组件的触发事件的处理开始时间戳和处理结束时间戳，实时计算UI组件对应的业务操作的响应耗时。2.如权利要求1所述的web页面运行效率监测方法，其特征在于，获取所述web页面的渲染开始时间点和渲染结束时间点，包括：获取预设的性能监控配置信息，所述性能监控配置信息中包括是否开启交易响应耗时监控的全局开关，在所述性能监控配置信息指示开启交易响应耗时监控的情况下，获取所述web页面的渲染开始时间点和渲染结束时间点；获取被点击的UI组件的触发事件的处理开始时间戳和处理结束时间戳，包括：所述性能监控配置信息中还包括需要开启交易响应耗时监控的UI组件的名称，在被点击的UI组件的名称包括在所述性能监控配置信息中时，获取被点击的UI组件的触发事件的处理开始时间戳和处理结束时间戳。3.如权利要求1或2所述的web页面运行效率监测方法，其特征在于，在计算出所述web页面的渲染响应耗时和UI组件对应的业务操作的响应耗时后，还包括：实时在所述web页面上显示所述web页面的渲染响应耗时和UI组件对应的业务操作的响应耗时。4.如权利要求3所述的web页面运行效率监测方法，其特征在于，实时在所述web页面上显示所述web页面的渲染响应耗时和UI组件对应的业务操作的响应耗时，包括：获取预设显示配置信息，根据所述预设显示配置信息，实时在所述web页面上显示所述web页面的渲染响应耗时和UI组件对应的业务操作的响应耗时，其中，所述预设显示配置信息包括是否采用图形化小窗口显示响应耗时以及显示不同响应耗时所采用的颜色。5.如权利要求1或2所述的web页面运行效率监测方法，其特征在于，在计算出所述web页面的渲染响应耗时和UI组件对应的业务操作的响应耗时后，还包括：将计算出的所述web页面的渲染响应耗时和UI组件对应的业务操作的响应耗时缓存在所述web页面上，在达到缓存阈值或预设时间间隔时，将缓存在所述web页面上的渲染响应耗时和UI组件对应的业务操作的响应耗时存储到数据库...

【专利技术属性】
技术研发人员：严波，钱江，张建荣，
申请(专利权)人：中国工商银行股份有限公司，
类型：发明
国别省市：北京;11