[发明专利]对标多家公司页面性能的数据可视化方法

说明书

本发明公开了一种对标多家公司页面性能的数据可视化方法，包括：步骤一、获取用户访问第一目标网站时的用户级别性能数据，并上报至后端数据库；步骤二、使用Lighthouse工具定时开启浏览器模拟用户访问第一目标网站、其它目标网站，使用同一版本的浏览器获取模拟用户访问第一目标网站、其它目标网站时的浏览器级别性能数据，并上报至后端数据库；步骤三、图表在web平台呈现。本发明还公开了一种对标多家公司页面性能的数据可视化装置。本发明能够结合真实用户监控与合成监控，上报、分析并呈现多家公司页面的性能数据，对页面性能的优化以及多家公司同一业务场景页面的性能对比提供帮助。

技术领域

本发明涉及互联网技术领域。更具体地说，本发明涉及一种对标多家公司页面性能的数据可视化方法、装置、电子设备及存储介质。

背景技术

页面性能问题一直是互联网产品开发过程中的重要一环，很多公司也一直在使用各种方式监控产品的页面性能。假使自己公司在同一业务场景页面的渲染速度、性能方面远胜竞争对手，就有更大的可能留住用户。如何通过监控的方式扬长避短、优化自己公司的页面性能，加强行业竞争力，是个技术难题。

发明内容

本发明的一个目的是解决至少上述问题，并提供至少后面将说明的优点。

本发明还有一个目的是提供一种对标多家公司页面性能的数据可视化方法，其能够结合真实用户监控与合成监控，上报、分析并呈现多家公司页面的性能数据，对页面性能的优化以及多家公司同一业务场景页面的性能对比提供帮助。

为了实现根据本发明的这些目的和其它优点，提供了一种对标多家公司页面性能的数据可视化方法，包括：

步骤一、使用浏览器performance性能接口获取用户访问第一目标网站时的用户级别性能数据，并上报至后端数据库；

步骤二、使用阿里云在不同地区部署自动化测试服务，定时启动一次测试任务，测试任务使用Lighthouse工具自动开启同一版本的Chrome浏览器并运行目标页面，模拟用户访问第一目标网站、其它目标网站的浏览器级别性能数据，并上报至后端数据库；

步骤三、后端数据库将第一目标网站的用户级别性能数据解析并在web平台呈现，将第一目标网站、其它目标网站的浏览器级别性能数据组合、解析，按照各项指标的每小时平均值做图表并在web平台呈现，指导页面性能优化；

其中，第一目标网站与其它目标网站的业务场景相同。

优选的是，用户级别性能数据包括重定向连接耗时、域名查询耗时、TCP连接耗时、服务器接收并解析请求耗时、浏览器接收响应耗时、解析所有JS脚本耗时、加载内嵌资源耗时、页面完全呈现耗时。

优选的是，不同地区包括北京、上海、深圳、呼和浩特、青岛、杭州。

优选的是，图表包括分布图、趋势图。

对标多家公司页面性能的数据可视化装置，包括：

用户级别性能数据获取模块，其使用浏览器performance性能接口获取用户访问第一目标网站时的用户级别性能数据，并上报；

模拟用户访问模块，其使用阿里云在不同地区部署自动化测试服务，定时启动一次测试任务，测试任务使用Lighthouse工具自动开启同一版本的Chrome浏览器并运行目标页面，模拟用户访问第一目标网站、其它目标网站；

浏览器级别性能数据获取模块，其使用浏览器performance性能接口获取模拟用户访问模块模拟用户访问第一目标网站、其它目标网站时的浏览器级别性能数据，并上报；

数据分析模块，其将用户级别性能数据获取模块上报的用户级别性能数据解析并上报，将浏览器级别性能数据获取模块上报的第一目标网站、其它目标网站的浏览器级别性能数据组合、解析，按照各项指标的每小时平均值做图表并上报；