[发明专利]一种前端页面请求的预计响应时间的智能显示方法及装置

权利要求书

1.一种前端页面请求的预计响应时间的智能显示方法，其特征在于，包括：

S1：收集页面元素，取得页面元素n的请求值RIDn并发送至服务端，计算服务端收到请求值RIDn与服务端返回数据的时间差作为页面元素n对应的响应时间T_RIDn；

S2：当检测到用户终端打开前端页面时，发送一个取得本页面所有页面元素的响应时间的请求至服务端并记录当前时间值为t1；

S3：接收到服务端返回的包含所有页面元素的响应时间的数据并记录当前时间值为t2；

S4：计算用户终端的网络延时基数T_D＝t2-t1；

S5：检测到用户终端的鼠标坐标参数对应到页面元素n时，通过页面元素n对应的响应时间T_RIDn和用户终端的网络延时基数T_D相加计算获得页面元素n的前端页面请求的预计响应时间Tn＝T_RIDn+T_D；

S6：在页面上将页面元素n预计响应时间Tn显示在页面元素n的旁边。

2.根据权利要求1所述的一种前端页面请求的预计响应时间的智能显示方法，其特征在于，所述步骤S1具体包括：

S101：当检测到第一用户终端打开前端页面时，收集第一用户终端的页面元素；

S102：取得页面元素n的请求值RIDn并发送至服务端，计算服务端收到请求值RIDn与服务端返回数据的时间差作为页面元素n对应的响应时间T_RIDn；

S103：对计算得到的页面元素n对应的响应时间T_RIDn与服务器存储的页面元素n对应的响应时间T_RIDn求平均值并将求得的平均值更新至服务器作为服务器存储的页面元素n对应的响应时间T_RIDn；

S104：当检测到下一个用户终端打开前端页面时，收集下一个用户终端的页面元素并执行步骤S102。

3.根据权利要求1所述的一种前端页面请求的预计响应时间的智能显示方法，其特征在于，所述步骤S1中收集页面元素之后，取得页面元素n的请求值RIDn并发送至服务端之前还包括：

检测页面元素n对应的ID是否为前端页面元素的唯一请求值RID，若否，则跳过对页面元素n的计算，若是，则继续对页面元素n的计算。

4.根据权利要求1所述的一种前端页面请求的预计响应时间的智能显示方法，其特征在于，所述步骤S1之前还包括：

S0：对前端页面进行初始化，遍历DOM树。

5.根据权利要求1所述的一种前端页面请求的预计响应时间的智能显示方法，其特征在于，所述步骤S4之后还包括：

从接收到的服务端返回的包含所有页面元素的响应时间的数据中提取与页面元素n对应的响应时间T_RIDn。

6.一种前端页面请求的预计响应时间的智能显示装置，其特征在于，包括：

页面元素响应时间计算模块，用于收集页面元素，取得页面元素n的请求值RIDn并发送至服务端，计算服务端收到请求值RIDn与服务端返回数据的时间差作为页面元素n对应的响应时间T_RIDn；

响应时间请求发送模块，用于当检测到用户终端打开前端页面时，发送一个取得本页面所有页面元素的响应时间的请求至服务端并记录当前时间值为t1；

接收数据模块，用于接收到服务端返回的包含所有页面元素的响应时间的数据并记录当前时间值为t2；

网络延时基数计算模块，用于计算用户终端的网络延时基数T_D＝t2-t1；

页面请求预计响应时间计算模块，用于检测到用户终端的鼠标坐标参数对应到页面元素n时，通过页面元素n对应的响应时间T_RIDn和用户终端的网络延时基数T_D相加计算获得页面元素n的前端页面请求的预计响应时间Tn＝T_RIDn+T_D；

显示模块，用于在页面上将页面元素n预计响应时间Tn显示在页面元素n的旁边。