CN110740081A - 对标多家公司页面性能的数据可视化方法 - Google Patents
对标多家公司页面性能的数据可视化方法 Download PDFInfo
- Publication number
- CN110740081A CN110740081A CN201911013010.8A CN201911013010A CN110740081A CN 110740081 A CN110740081 A CN 110740081A CN 201911013010 A CN201911013010 A CN 201911013010A CN 110740081 A CN110740081 A CN 110740081A
- Authority
- CN
- China
- Prior art keywords
- user
- browser
- performance data
- page
- level performance
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L43/00—Arrangements for monitoring or testing data switching networks
- H04L43/04—Processing captured monitoring data, e.g. for logfile generation
- H04L43/045—Processing captured monitoring data, e.g. for logfile generation for graphical visualisation of monitoring data
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L43/00—Arrangements for monitoring or testing data switching networks
- H04L43/50—Testing arrangements
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
- H04L67/025—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP] for remote control or remote monitoring of applications
Landscapes
- Engineering & Computer Science (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- Data Mining & Analysis (AREA)
- Debugging And Monitoring (AREA)
Abstract
本发明公开了一种对标多家公司页面性能的数据可视化方法，包括：步骤一、获取用户访问第一目标网站时的用户级别性能数据，并上报至后端数据库；步骤二、使用Lighthouse工具定时开启浏览器模拟用户访问第一目标网站、其它目标网站，使用同一版本的浏览器获取模拟用户访问第一目标网站、其它目标网站时的浏览器级别性能数据，并上报至后端数据库；步骤三、图表在web平台呈现。本发明还公开了一种对标多家公司页面性能的数据可视化装置。本发明能够结合真实用户监控与合成监控，上报、分析并呈现多家公司页面的性能数据，对页面性能的优化以及多家公司同一业务场景页面的性能对比提供帮助。
Description
技术领域
本发明涉及互联网技术领域。更具体地说，本发明涉及一种对标多家公司页面性能的数据可视化方法、装置、电子设备及存储介质。
背景技术
页面性能问题一直是互联网产品开发过程中的重要一环，很多公司也一直在使用各种方式监控产品的页面性能。假使自己公司在同一业务场景页面的渲染速度、性能方面远胜竞争对手，就有更大的可能留住用户。如何通过监控的方式扬长避短、优化自己公司的页面性能，加强行业竞争力，是个技术难题。
发明内容
本发明的一个目的是解决至少上述问题，并提供至少后面将说明的优点。
本发明还有一个目的是提供一种对标多家公司页面性能的数据可视化方法，其能够结合真实用户监控与合成监控，上报、分析并呈现多家公司页面的性能数据，对页面性能的优化以及多家公司同一业务场景页面的性能对比提供帮助。
为了实现根据本发明的这些目的和其它优点，提供了一种对标多家公司页面性能的数据可视化方法，包括：
步骤一、使用浏览器performance性能接口获取用户访问第一目标网站时的用户级别性能数据，并上报至后端数据库；
步骤二、使用阿里云在不同地区部署自动化测试服务，定时启动一次测试任务，测试任务使用Lighthouse工具自动开启同一版本的Chrome浏览器并运行目标页面，模拟用户访问第一目标网站、其它目标网站的浏览器级别性能数据，并上报至后端数据库；
步骤三、后端数据库将第一目标网站的用户级别性能数据解析并在web平台呈现，将第一目标网站、其它目标网站的浏览器级别性能数据组合、解析，按照各项指标的每小时平均值做图表并在web平台呈现，指导页面性能优化；
其中，第一目标网站与其它目标网站的业务场景相同。
优选的是，用户级别性能数据包括重定向连接耗时、域名查询耗时、TCP连接耗时、服务器接收并解析请求耗时、浏览器接收响应耗时、解析所有JS脚本耗时、加载内嵌资源耗时、页面完全呈现耗时。
优选的是，不同地区包括北京、上海、深圳、呼和浩特、青岛、杭州。
优选的是，图表包括分布图、趋势图。
对标多家公司页面性能的数据可视化装置，包括：
用户级别性能数据获取模块，其使用浏览器performance性能接口获取用户访问第一目标网站时的用户级别性能数据，并上报；
模拟用户访问模块，其使用阿里云在不同地区部署自动化测试服务，定时启动一次测试任务，测试任务使用Lighthouse工具自动开启同一版本的Chrome浏览器并运行目标页面，模拟用户访问第一目标网站、其它目标网站；
浏览器级别性能数据获取模块，其使用浏览器performance性能接口获取模拟用户访问模块模拟用户访问第一目标网站、其它目标网站时的浏览器级别性能数据，并上报；
数据分析模块，其将用户级别性能数据获取模块上报的用户级别性能数据解析并上报，将浏览器级别性能数据获取模块上报的第一目标网站、其它目标网站的浏览器级别性能数据组合、解析，按照各项指标的每小时平均值做图表并上报；
web平台，其将数据分析模块上报的用户级别性能数据、图表呈现，指导页面性能优化；
其中，第一目标网站与其它目标网站的业务场景相同。
优选的是，用户级别性能数据包括重定向连接耗时、域名查询耗时、TCP连接耗时、服务器接收并解析请求耗时、浏览器接收响应耗时、解析所有JS脚本耗时、加载内嵌资源耗时、页面完全呈现耗时。
优选的是，不同地区包括北京、上海、深圳、呼和浩特、青岛、杭州。
优选的是，图表包括分布图、趋势图。
电子设备，包括：至少一个处理器，以及与所述至少一个处理器通信连接的存储器，其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器执行所述的方法。
存储介质，其上存储有计算机程序，该程序被处理器执行时，实现所述的方法。
本发明至少包括以下有益效果：
结合真实用户监控与合成监控，上报、分析并呈现多家公司页面的性能数据，对比多家公司页面性能，对页面性能的优化以及多家公司同一业务场景页面的性能对比提供帮助，提供页面性能问题的监控以及调优建议；
web性能监控平台可以及时监控公司页面的性能问题，及早发现页面的性能瓶颈，从而更好提高页面的性能，同时提供页面性能方面的行业对比数据，从页面性能方面大大加强了我司的行业竞争力。
本发明的其它优点、目标和特征将部分通过下面的说明体现，部分还将通过对本发明的研究和实践而为本领域的技术人员所理解。
附图说明
图1为本发明的步骤示意图；
图2为本发明的装置的结构示意图。
具体实施方式
下面结合附图对本发明做进一步的详细说明，以令本领域技术人员参照说明书文字能够据以实施。
应当理解，本文所使用的诸如“具有”、“包含”以及“包括”术语并不配出一个或多个其它元件或其组合的存在或添加。
需要说明的是，下述实施方案中所述实验方法，如无特殊说明，均为常规方法，所述试剂和材料，如无特殊说明，均可从商业途径获得。
对标多家公司页面性能的数据可视化方法，包括：
步骤一、当真实用户访问第一目标网站时，例如公司的首页，使用JS记录用户级别性能数据，具体为使用浏览器performance性能接口获取用户访问第一目标网站时的用户级别性能数据，即各项工作耗时，包括但不局限于重定向连接耗时、域名查询耗时、TCP连接耗时、服务器接收并解析请求耗时、浏览器接收响应耗时、解析所有JS脚本耗时、加载内嵌资源耗时、页面完全呈现耗时等，并上报至后端数据库；
步骤二、使用阿里云在不同地区部署服务器进行自动化测试服务，自动化测试服务使用javascript语言编写，通过PM2工具在不同地区服务器上启动服务不同地区包括但不局限于北京、上海、深圳、呼和浩特、青岛、杭州，自动测试服务中包含定时任务，定时任务为每小时启动一次测试任务，测试任务使用Lighthouse工具自动开启同一版本的Chrome浏览器并运行目标页面模拟用户访问第一目标网站、其它目标网站，其它目标网站例如其他公司的首页，不同公司的首页都是用于引流，虽然展示不同，但具有同一业务场景，如果可以在渲染速度、性能方面远胜竞争对手，就有更大的可能留住用户，Lighthouse工具会自动审计页面的性能相关指标，以此获取第一目标网站和其他目标网站同一业务场景下的浏览器级别性能数据，并上报至后端数据库；
步骤三、后端数据库将第一目标网站的用户级别性能数据解析并在web平台呈现，将第一目标网站、其它目标网站的浏览器级别性能数据组合、解析，按照各项指标的每小时平均值做图表(包括但不局限于分布图、趋势图)并在web平台呈现，指导页面性能优化；
假如页面性能受限于域名查询耗时，那么可以为页面进行DNS预解析，平均可以提升页面解析速度200ms；
或者页面性能受限于解析所有脚本耗时，那么可以对页面进行javascript脚本的压缩和代码拆分、进行动态导入脚本，以减轻首次渲染时的脚本体积，从而提高首次渲染的速度。
其中，第一目标网站与其它目标网站的业务场景相同。
在上述技术方案中，用户级别性能数据量大、保真，但数据是在web网页完全运行之后采集的，所以并不能采集到浏览器的工作状态，比如页面绘制的进度(从完全白屏到完整呈现)、代码执行中浏览器的内存使用情况；浏览器级别性能数据全面，但量不多(有限座城市)，所以需要组合两部分的数据，即上报、分析并呈现多家公司页面的性能数据，通过更为直观的图表进行展示，进行页面性能优化，比如DNS解析耗时过长，可以在页面中做DNS预解析，加快这一步骤的速度，使得页面可以更快的渲染。
对标多家公司页面性能的数据可视化装置，包括：
用户级别性能数据获取模块，其使用浏览器performance性能接口获取用户访问第一目标网站时的用户级别性能数据，并上报；
模拟用户访问模块，其使用阿里云在不同地区部署自动化测试服务，定时启动一次测试任务，测试任务使用Lighthouse工具自动开启同一版本的Chrome浏览器并运行目标页面，模拟用户访问第一目标网站、其它目标网站；
浏览器级别性能数据获取模块，其使用浏览器performance性能接口获取模拟用户访问模块模拟用户访问第一目标网站、其它目标网站时的浏览器级别性能数据，并上报；
数据分析模块，其将用户级别性能数据获取模块上报的用户级别性能数据解析并上报，将浏览器级别性能数据获取模块上报的第一目标网站、其它目标网站的浏览器级别性能数据组合、解析，按照各项指标的每小时平均值做图表并上报；
web平台，其将数据分析模块上报的用户级别性能数据、图表呈现，指导页面性能优化；
其中，第一目标网站与其它目标网站的业务场景相同。
电子设备，包括：至少一个处理器，以及与所述至少一个处理器通信连接的存储器，其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器执行所述的方法。
存储介质，其上存储有计算机程序，该程序被处理器执行时，实现所述的方法。
这里说明的设备数量和处理规模是用来简化本发明的说明的。对本发明的应用、修改和变化对本领域的技术人员来说是显而易见的。
尽管本发明的实施方案已公开如上，但其并不仅仅限于说明书和实施方式中所列运用，它完全可以被适用于各种适合本发明的领域，对于熟悉本领域的人员而言，可容易地实现另外的修改，因此在不背离权利要求及等同范围所限定的一般概念下，本发明并不限于特定的细节和这里示出与描述的图例。
Claims (10)
1.对标多家公司页面性能的数据可视化方法，其特征在于，包括：
步骤一、使用浏览器performance性能接口获取用户访问第一目标网站时的用户级别性能数据，并上报至后端数据库；
步骤二、使用阿里云在不同地区部署自动化测试服务，定时启动一次测试任务，测试任务使用Lighthouse工具自动开启同一版本的Chrome浏览器并运行目标页面，模拟用户访问第一目标网站、其它目标网站的浏览器级别性能数据，并上报至后端数据库；
步骤三、后端数据库将第一目标网站的用户级别性能数据解析并在web平台呈现，将第一目标网站、其它目标网站的浏览器级别性能数据组合、解析，按照各项指标的每小时平均值做图表并在web平台呈现，指导页面性能优化；
其中，第一目标网站与其它目标网站的业务场景相同。
2.如权利要求1所述的对标多家公司页面性能的数据可视化方法，其特征在于，用户级别性能数据包括重定向连接耗时、域名查询耗时、TCP连接耗时、服务器接收并解析请求耗时、浏览器接收响应耗时、解析所有JS脚本耗时、加载内嵌资源耗时、页面完全呈现耗时。
3.如权利要求1所述的对标多家公司页面性能的数据可视化方法，其特征在于，不同地区包括北京、上海、深圳、呼和浩特、青岛、杭州。
4.如权利要求1所述的对标多家公司页面性能的数据可视化方法，其特征在于，图表包括分布图、趋势图。
5.对标多家公司页面性能的数据可视化装置，其特征在于，包括：
用户级别性能数据获取模块，其使用浏览器performance性能接口获取用户访问第一目标网站时的用户级别性能数据，并上报；
模拟用户访问模块，其使用阿里云在不同地区部署自动化测试服务，定时启动一次测试任务，测试任务使用Lighthouse工具自动开启同一版本的Chrome浏览器并运行目标页面，模拟用户访问第一目标网站、其它目标网站；
浏览器级别性能数据获取模块，其使用浏览器performance性能接口获取模拟用户访问模块模拟用户访问第一目标网站、其它目标网站时的浏览器级别性能数据，并上报；
数据分析模块，其将用户级别性能数据获取模块上报的用户级别性能数据解析并上报，将浏览器级别性能数据获取模块上报的第一目标网站、其它目标网站的浏览器级别性能数据组合、解析，按照各项指标的每小时平均值做图表并上报；
web平台，其将数据分析模块上报的用户级别性能数据、图表呈现，指导页面性能优化；
其中，第一目标网站与其它目标网站的业务场景相同。
6.如权利要求5所述的对标多家公司页面性能的数据可视化装置，其特征在于，用户级别性能数据包括重定向连接耗时、域名查询耗时、TCP连接耗时、服务器接收并解析请求耗时、浏览器接收响应耗时、解析所有JS脚本耗时、加载内嵌资源耗时、页面完全呈现耗时。
7.如权利要求5所述的对标多家公司页面性能的数据可视化装置，其特征在于，不同地区包括北京、上海、深圳、呼和浩特、青岛、杭州。
8.如权利要求5所述的对标多家公司页面性能的数据可视化装置，其特征在于，图表包括分布图、趋势图。
9.电子设备，其特征在于，包括：至少一个处理器，以及与所述至少一个处理器通信连接的存储器，其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器执行权利要求1-4中任一项所述的方法。
10.存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时，实现权利要求1-4中任一项所述的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911013010.8A CN110740081A (zh) | 2019-10-23 | 2019-10-23 | 对标多家公司页面性能的数据可视化方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911013010.8A CN110740081A (zh) | 2019-10-23 | 2019-10-23 | 对标多家公司页面性能的数据可视化方法 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110740081A true CN110740081A (zh) | 2020-01-31 |
Family
ID=69270974
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911013010.8A Pending CN110740081A (zh) | 2019-10-23 | 2019-10-23 | 对标多家公司页面性能的数据可视化方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110740081A (zh) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111405108A (zh) * | 2019-01-03 | 2020-07-10 | 阿里巴巴集团控股有限公司 | 一种数据处理方法、装置、设备和机器可读介质 |
| CN113569168A (zh) * | 2021-06-17 | 2021-10-29 | 北京健康之家科技有限公司 | 页面性能数据的生成方法和装置、计算机存储介质、终端 |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1744529A (zh) * | 2004-08-31 | 2006-03-08 | 英业达股份有限公司 | 一种多网站性能自动测试方法 |
| CN103092751A (zh) * | 2012-12-13 | 2013-05-08 | 华中科技大学 | 一种云环境下基于用户行为模型的web应用性能测试系统 |
| CN104461856A (zh) * | 2013-09-22 | 2015-03-25 | 阿里巴巴集团控股有限公司 | 基于云计算平台的性能测试方法、装置及系统 |
| CN109739725A (zh) * | 2018-12-29 | 2019-05-10 | 云智慧（北京）科技有限公司 | 基于浏览器的监控方法、装置、系统及存储介质 |
-
2019
- 2019-10-23 CN CN201911013010.8A patent/CN110740081A/zh active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1744529A (zh) * | 2004-08-31 | 2006-03-08 | 英业达股份有限公司 | 一种多网站性能自动测试方法 |
| CN103092751A (zh) * | 2012-12-13 | 2013-05-08 | 华中科技大学 | 一种云环境下基于用户行为模型的web应用性能测试系统 |
| CN104461856A (zh) * | 2013-09-22 | 2015-03-25 | 阿里巴巴集团控股有限公司 | 基于云计算平台的性能测试方法、装置及系统 |
| CN109739725A (zh) * | 2018-12-29 | 2019-05-10 | 云智慧（北京）科技有限公司 | 基于浏览器的监控方法、装置、系统及存储介质 |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111405108A (zh) * | 2019-01-03 | 2020-07-10 | 阿里巴巴集团控股有限公司 | 一种数据处理方法、装置、设备和机器可读介质 |
| CN113569168A (zh) * | 2021-06-17 | 2021-10-29 | 北京健康之家科技有限公司 | 页面性能数据的生成方法和装置、计算机存储介质、终端 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110442511B (zh) | 可视化埋点测试方法及装置 | |
| US7849447B1 (en) | Application testing and evaluation | |
| CA2822917C (en) | Rule-based validation of websites | |
| CN105765528B (zh) | 具有可配置原点定义的应用执行路径跟踪的方法、系统和介质 | |
| US20140059219A1 (en) | Monitoring the health of web page analytics code | |
| EP2572294B1 (en) | System and method for sql performance assurance services | |
| US8996921B2 (en) | Indicating coverage of Web application testing | |
| US20130086554A1 (en) | Analytics Driven Development | |
| CN106021079A (zh) | 一种基于用户频繁访问序列模型的Web应用性能测试方法 | |
| CN109739725A (zh) | 基于浏览器的监控方法、装置、系统及存储介质 | |
| US20170359402A1 (en) | Optimized browser rendering service | |
| CN102684934A (zh) | 监控web应用程序性能的方法、系统和web服务器 | |
| CN104424093A (zh) | 一种兼容性测试方法及系统 | |
| CN110740081A (zh) | 对标多家公司页面性能的数据可视化方法 | |
| CN110519263A (zh) | 防刷量方法、装置、设备及计算机可读存储介质 | |
| CN116910335A (zh) | 一种基于网页标签分析的数据采集方法及系统 | |
| CN113342692B (zh) | 测试用例自动生成方法、装置、电子设备及存储介质 | |
| CN111597102A (zh) | 一种页面性能的测试方法、终端及存储介质 | |
| CN113535567B (zh) | 软件测试方法、装置、设备和介质 | |
| KR100686929B1 (ko) | 웹사이트 방문자의 클릭스트림 분석 결과를 시각화하는 방법 | |
| RU2640637C2 (ru) | Способ и сервер проведения контролируемого эксперимента с использованием прогнозирования будущего пользовательского поведения | |
| US8782626B2 (en) | Search suggestions for static code analysis | |
| CN106528569B (zh) | 计算站内搜索有效度的方法及装置 | |
| CN110515829A (zh) | 应用测试方法、装置、设备及计算机可读存储介质 | |
| CN114371969A (zh) | 一种页面性能测试方法、装置、电子设备及存储介质 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200131 |