[发明专利]页面监听方法、装置、电子设备及存储介质

说明书

本发明实施例公开了一种页面监听方法、装置、电子设备及存储介质，该方法可包括：在页面的加载时段内统计页面已加载的有效元素的数量，作为渲染得分，将首次统计到渲染得分大于得分阈值的时刻作为页面的首次内容绘制FCP时刻。其中，有效元素为位于页面的首屏，面积大于面积阈值且包括文本的元素；有效元素或为位于页面的首屏，面积大于面积阈值且包括图片的元素；有效元素或为位于页面的首屏，面积大于面积阈值且包括文本和图片的元素。通过统计页面已加载的有效元素的数量，作为渲染得分，并将首次统计到渲染得分大于得分阈值的时刻作为页面的FCP时刻，无须对不同页面配置不同的FCP时刻的采集代码，降低开发成本。

技术领域

本发明涉及数据处理领域，尤其涉及一种页面监听方法、装置、电子设备及存储介质。

背景技术

随着计算机互联网的快速发展，越来越多的人们利用互联网来获取信息。同时，规模庞大的互联网能够提供丰富的信息和各种各样的服务，为人们的生活提供诸多便利，页面便是互联网向用户提供信息和服务的一种主要途径。

为了方便监听页面的加载性能，需要采集页面加载的时间信息，例如页面的首次内容绘制(first contentful paint，FCP)时刻，目前常见的采集方式是在页面代码中首次绘制出可见元素的代码之后配置采集代码，采集并上报FCP时刻。这种方式需要开发人员根据页面代码确定采集代码在页面代码中的位置，不同页面的采集代码在页面代码中的位置不同，不同页面的采集代码需要开发人员分别进行确定，开发成本较高。

发明内容

本发明实施例提供了一种页面监听方法、装置、电子设备及存储介质，通过监听页面元素，确定页面加载的时间信息FCP时刻，无需对不同页面配置不同采集代码，降低了开发成本。

第一方面，本发明实施例提供了一种页面监听方法，该方法可包括：在页面的加载时段内统计所述页面已加载的有效元素的数量，作为渲染得分；所述有效元素为位于所述页面的首屏，面积大于面积阈值且包括文本的元素；所述有效元素或为位于所述页面的首屏，面积大于所述面积阈值且包括图片的元素；所述有效元素或为位于所述页面的首屏，面积大于所述面积阈值且包括文本和图片的元素；将首次统计到所述渲染得分大于得分阈值的时刻作为所述页面的FCP时刻。

本申请实施例中，通过在页面的加载时段内统计页面已加载的有效元素的数量，作为渲染得分，并将首次统计到渲染得分大于得分阈值的时刻作为页面的FCP时刻，无须对不同页面配置不同的FCP时刻的采集代码，降低开发成本。

在一个可选的实现方式中，所述方法还包括：将所述加载时段内获得的各个渲染得分，按照获得时间点的先后顺序依次排序；计算每两个相邻渲染得分之间的差值，并确定各个差值中的最大差值；将所述最大差值对应的两个相邻渲染得分中的后一个渲染得分的获得时间点作为所述页面的首次有意义绘制FMP时刻。

在该实现方式中，通过渲染得分，确定页面的FMP时刻，无须在页面代码中配置采集代码，进一步采集页面加载的时间信息，降低开发成本。

在一个可选的实现方式中，所述方法还包括：

确定加载所述页面的线程在所述FMP时刻之后首次处于空闲状态的目标时段，所述目标时段的时长大于或等于第一时长阈值，并将所述目标时段的起始时刻作为所述页面的TTI。

在该实现方式中，通过确定加载页面的线程在FMP时刻之后首次处于空闲状态的目标时段，并将目标时段的起始时刻作为页面的TTI，进一步确定页面加载的时间信息。

在一个可选的实现方式中，所述将加载所述页面的线程在所述FMP时刻之后首次出现的空闲时刻作为可交互时刻TTI，包括：

在所述FMP时刻之后，在所述线程的异步任务队列中添加M个检测任务，所述检测任务用于确定所述线程处于空闲的时段，所述M为正整数；