[发明专利]一种网站前端性能监控方法、装置、电子设备及介质

说明书

本发明公开了一种网站前端性能监控方法、装置、电子设备及介质，所述方法包括：获取用户操作目标网站的过程中，网站前端的性能数据，所述性能数据包括多个不同类型的指标数据；针对每种类型的指标数据，按照预设错误阈值进行筛查，得到该类指标数据中的错误数据量，基于错误数据量以及预设预警条件，判定该类指标数据是否合格，其中，每种类型的指标数据各自对应有预设错误阈值以及预设预警条件；针对判定为不合格的指标数据，展示该指标数据对应的预设优化报告。该方法能针对性地筛选出网页前端性能数据中的不合格指标，并向专业人员提供不合格指标的优化方向，进而快速定位到问题，提高页面加载速度和用户体验。

技术领域

本发明涉及基架运维技术领域，尤其涉及一种网站前端性能监控方法、装置、电子设备及介质。

背景技术

随着时代的发展，现如今的移动基础设备越来越完善，网络速度越来越快，Web网站的内容和交互也越来越丰富。这也使得技术开发人员可配置的选项增加，所需要写的代码量在增加，通过超文本（HyperText Transfer Protocol，HTTP）传输给用户的文件大小也在增大，换言之，导致页面加载异常、加载速度过慢的因素也越来越多。在遇到页面无法正常打开、加载速度过慢时，需要开发人员从前端到后端到服务器配置等多个问题上进行一一排查。而影响网页加载速度的原因宏观上包括手机型号、浏览器、网络状况，具体体现在域名系统（Domain Name System，DNS）解析、超文本传输（HyperText Transfer Protocol，HTTP）连接、重定向次数、缓存、代码的处理等，因此，定位问题的过程费时费力，需耗费大量人员和时间成本。

发明内容

本申请实施例提供了一种网站前端性能监控方法、装置、电子设备及介质，该方法能针对性地筛选出网页前端性能数据中的不合格指标，并向专业人员提供不合格指标的优化方向，进而快速定位到问题，提高页面加载速度和用户体验。

第一方面，本发明通过本发明的一实施例提供如下技术方案：

一种网站前端性能监控方法，包括：

获取用户操作目标网站的过程中，网站前端的性能数据，所述性能数据包括多个不同类型的指标数据；针对每种类型的指标数据，按照预设错误阈值进行筛查，得到该类指标数据中的错误数据量，基于所述错误数据量以及预设预警条件，判定该类指标数据是否合格，其中，每种类型的指标数据各自对应有所述预设错误阈值以及所述预设预警条件；针对判定为不合格的指标数据，展示该指标数据对应的预设优化报告，所述预设优化报告用于提示不合格指标数据的优化方向。

优选地，所述指标数据包括以下三种类型中的至少两种：时间数据；用户数据；网络数据。

优选地，所述时间数据包括：白屏时间、首屏时间、传输控制协议时间、文档对象模型加载时间、域名系统时间与超文本传输时间中的一种或多种数据组合，所述用户数据包括：用户操作数据，所述网络数据包括：网页加载时间。

优选地，所述按照预设错误阈值进行筛查，得到该类指标数据中的错误数据量，包括：判断指标数据包含的每个数据值是否超过预设错误阈值；将超过预设错误阈值的数据值确定为错误数据，并统计指标数据中的错误数据量。

优选地，所述基于所述错误数据量以及预设预警条件，判定该类指标数据是否合格，包括：根据所述指标数据的总数据量以及所述错误数据量，得到所述指标数据的预警百分比；判断所述预警百分比是否大于所述指标数据对应的预设警告百分比；若是，则判定所述指标数据为不合格的指标数据。

优选地，所述预设警告百分比在10%-30%之间。

优选地，所述方法还包括：在用户操作目标网站的过程中，若检测到所述用户处于未联网状态，则将采集到的性能数据进行缓存；在检测到所述用户的网络恢复时，对缓存的性能数据执行所述针对每种类型的指标数据，按照预设错误阈值进行筛查，得到该类指标数据中的错误数据量，基于所述错误数据量以及预设预警条件，判定该类指标数据是否合格的步骤。