页面资源加载量的监测方法、装置、电子设备及存储介质制造方法及图纸

本公开关于页面资源加载量的监测方法、装置、电子设备及存储介质，该方法包括：在监测到当前页面对应的页面资源的资源获取请求时，将所述资源获取请求存入请求列表；对于所述请求列表中的每个所述资源获取请求，若监测到针对所述资源获取请求的响应消息，则将所述资源获取请求从所述请求列表中删除；若删除所述资源获取请求后的所述请求列表为空，且在当前时刻之后的预设时间段内未监测到所述当前页面对应的新的资源获取请求，则确定进入网络空闲状态；在所述网络空闲状态下，计算所述当前页面加载的页面资源的总数据量，得到所述当前页面的页面资源加载量。本公开提高了对SPA页面的页面资源加载量统计的准确性。

【技术实现步骤摘要】
页面资源加载量的监测方法、装置、电子设备及存储介质
本公开涉及计算机
，尤其涉及一种页面资源加载量的监测方法、装置、电子设备及存储介质。
技术介绍
前端即万维网(web)应用前台部分，运行在PC(PersonalComputer，个人计算机)端、移动端等浏览器上展现给用户浏览的网页，随着前端技术的不断发展，万维网(web)应用程序复杂度越来越高，随之而来的是前端网页加载资源的数据量也越来越大，对前端的性能产生了一定的影响。相关技术中，通过监听网页的下载事件(如onload事件)来计算页面资源加载的总数据量，但是这种方式并不适应于目前主流的SPA(SinglePageApplication，单页web应用)页面，单页应用SPA是web应用的一种形态，其通过动态重写当前页面来与用户交互，而非传统的从服务器重新加载整个新页面。SPA页面需要等到JavaScript脚本程序执行来渲染，而在onload事件触发时SPA页面还没有渲染完成，从而导致以网页的onload事件触发统计得到的页面资源加载量不够准确。
技术实现思路
本公开提供一种页面资源加载量的监测方法、装置、电子设备及存储介质，以至少解决相关技术中页面资源加载量的统计结果不准确的问题。本公开的技术方案如下：根据本公开实施例的第一方面，提供一种页面资源加载量的监测方法，包括：在监测到当前页面对应的页面资源的资源获取请求时，将所述资源获取请求存入请求列表；对于所述请求列表中的每个所述资源获取请求，若监测到针对所述资源获取请求的响应消息，则将所述资源获取请求从所述请求列表中删除；若删除所述资源获取请求后的所述请求列表为空，且在当前时刻之后的预设时间段内未监测到所述当前页面对应的新的资源获取请求，则确定进入网络空闲状态；在所述网络空闲状态下，计算所述当前页面加载的页面资源的总数据量，得到所述当前页面的页面资源加载量。作为一个可能的实施方式，所述在所述网络空闲状态下，计算所述当前页面加载的页面资源的总数据量，包括：在所述网络空闲状态下，调用预置回调函数；在所述预置回调函数中，通过调用浏览器的应用程序接口函数获取所述当前页面加载的各页面资源的数据量；所述当前页面加载的页面资源包括预设资源类型的页面资源；计算所述当前页面加载的各页面资源的数据量的和值，作为所述总数据量。作为一个可能的实施方式，所述在监测到当前页面对应的页面资源的资源获取请求时，将所述资源获取请求存入请求列表，包括：在监测到当前页面对应的页面资源的资源获取请求时，获取所述资源获取请求对应的页面资源的资源类型；若所述资源类型为所述预设资源类型，则将所述资源获取请求存入请求列表。作为一个可能的实施方式，所述方法还包括：接收资源服务器响应于所述资源获取请求返回的响应消息；所述资源服务器与所述当前页面对应的网页服务器具有不同的域名信息，所述响应消息的消息头中包括用于指定所述网页服务器的域名信息的预设字段。作为一个可能的实施方式，所述方法还包括：启动服务工作线程，通过所述服务工作线程监测对于页面资源的资源获取请求。作为一个可能的实施方式，在启动服务工作线程，通过所述服务工作线程监测对于页面资源的资源获取请求之前，所述方法还包括：判断当前浏览器是否支持所述服务工作线程；若当前浏览器支持所述服务工作线程，则执行启动服务工作线程，通过所述服务工作线程监测对于页面资源的资源获取请求的步骤。作为一个可能的实施方式，所述方法还包括：若当前浏览器不支持所述服务工作线程度，则监测所述当前页面的首次滚动事件；在监测到所述首次滚动事件时，计算所述当前页面加载的页面资源的总数据量，得到所述当前页面的页面资源加载量。根据本公开实施例的第二方面，提供一种页面资源加载量的监测装置，包括：资源获取请求监测单元，被配置为执行在监测到当前页面对应的页面资源的资源获取请求时，将所述资源获取请求存入请求列表；资源获取请求删除单元，被配置为执行对于所述请求列表中的每个所述资源获取请求，若监测到针对所述资源获取请求的响应消息，则将所述资源获取请求从所述请求列表中删除；网络空闲状态确定单元，被配置为执行若删除所述资源获取请求后的所述请求列表为空，且在当前时刻之后的预设时间段内未监测到所述当前页面对应的新的资源获取请求，则确定进入网络空闲状态；第一加载量计算单元，被配置为执行在所述网络空闲状态下，计算所述当前页面加载的页面资源的总数据量，得到所述当前页面的页面资源加载量。作为一个可能的实施方式，所述第一加载量计算单元，包括：回调函数调用单元，被配置为执行在所述网络空闲状态下，调用预置回调函数；数据量获取单元，被配置为执行在所述预置回调函数中，通过调用浏览器的应用程序接口函数获取所述当前页面加载的各页面资源的数据量；所述当前页面加载的页面资源包括预设资源类型的页面资源；计算子单元，被配置为执行计算所述当前页面加载的各页面资源的数据量的和值，作为所述总数据量。作为一个可能的实施方式，所述资源获取请求监测单元，包括：第一获取单元，被配置为执行在监测到当前页面对应的页面资源的资源获取请求时，获取所述资源获取请求对应的页面资源的资源类型；存入单元，被配置为执行若所述资源类型为所述预设资源类型，则将所述资源获取请求存入请求列表。作为一个可能的实施方式，所述装置还包括：接收单元，被配置为执行接收资源服务器响应于所述资源获取请求返回的响应消息；所述资源服务器与所述当前页面对应的网页服务器具有不同的域名信息，所述响应消息的消息头中包括用于指定所述网页服务器的域名信息的预设字段。作为一个可能的实施方式，所述装置还包括：服务工作线程启动单元，被配置为执行启动服务工作线程，通过所述服务工作线程监测对于页面资源的资源获取请求。作为一个可能的实施方式，所述装置还包括：判断单元，被配置为执行判断当前浏览器是否支持所述服务工作线程；若当前浏览器支持所述服务工作线程，则执行启动服务工作线程，通过所述服务工作线程监测对于页面资源的资源获取请求的步骤。作为一个可能的实施方式，所述装置还包括：首次滚动事件监测单元，被配置为执行若当前浏览器不支持所述服务工作线程度，则监测所述当前页面的首次滚动事件；第二加载量计算单元，被配置为执行在监测到所述首次滚动事件时，计算所述当前页面加载的页面资源的总数据量，得到所述当前页面的页面资源加载量。根据本公开实施例的第三方面，提供一种电子设备，包括：处理器；用于存储所述处理器可执行指令的存储器；其中，所述处理器被配置为执行所述指令，以实现上述第一方面中的页面资源加载量的监测方法。根据本公开实施例的第四方面，提供一种计算机可读存储介质，当所述计算机可读存储介质中的指令由电子设备的处理器执行时，使得电子设本文档来自技高网...

【技术保护点】
1.一种页面资源加载量的监测方法，其特征在于，包括：/n在监测到当前页面对应的页面资源的资源获取请求时，将所述资源获取请求存入请求列表；/n对于所述请求列表中的每个所述资源获取请求，若监测到针对所述资源获取请求的响应消息，则将所述资源获取请求从所述请求列表中删除；/n若删除所述资源获取请求后的所述请求列表为空，且在当前时刻之后的预设时间段内未监测到所述当前页面对应的新的资源获取请求，则确定进入网络空闲状态；/n在所述网络空闲状态下，计算所述当前页面加载的页面资源的总数据量，得到所述当前页面的页面资源加载量。/n

【技术特征摘要】
1.一种页面资源加载量的监测方法，其特征在于，包括：
在监测到当前页面对应的页面资源的资源获取请求时，将所述资源获取请求存入请求列表；
对于所述请求列表中的每个所述资源获取请求，若监测到针对所述资源获取请求的响应消息，则将所述资源获取请求从所述请求列表中删除；
若删除所述资源获取请求后的所述请求列表为空，且在当前时刻之后的预设时间段内未监测到所述当前页面对应的新的资源获取请求，则确定进入网络空闲状态；
在所述网络空闲状态下，计算所述当前页面加载的页面资源的总数据量，得到所述当前页面的页面资源加载量。


2.根据权利要求1所述的页面资源加载量的监测方法，其特征在于，所述在所述网络空闲状态下，计算所述当前页面加载的页面资源的总数据量，包括：
在所述网络空闲状态下，调用预置回调函数；
在所述预置回调函数中，通过调用浏览器的应用程序接口函数获取所述当前页面加载的各页面资源的数据量；所述当前页面加载的页面资源包括预设资源类型的页面资源；
计算所述当前页面加载的各页面资源的数据量的和值，作为所述总数据量。


3.根据权利要求2所述的页面资源加载量的监测方法，其特征在于，所述在监测到当前页面对应的页面资源的资源获取请求时，将所述资源获取请求存入请求列表，包括：
在监测到当前页面对应的页面资源的资源获取请求时，获取所述资源获取请求对应的页面资源的资源类型；
若所述资源类型为所述预设资源类型，则将所述资源获取请求存入请求列表。


4.根据权利要求1所述的页面资源加载量的监测方法，其特征在于，所述方法还包括：
接收资源服务器响应于所述资源获取请求返回的响应消息；所述资源服务器与所述当前页面对应的网页服务器具有不同的域名信息，所述响应消息的消息头中包括用于指定所述网页服务器的域名信息的预设字段。


5.根据权利要求1所述的页面资源加载量的监测方法，其特征在于，所述方法还包括：
启动服务工作线程，通过所述服务工作线程监测对...

【专利技术属性】
技术研发人员：杨洁盛，
申请(专利权)人：北京达佳互联信息技术有限公司，
类型：发明
国别省市：北京;11