一种前端页面请求的预计响应时间的智能显示方法及装置制造方法及图纸

本发明专利技术实施例提供的一种前端页面请求的预计响应时间的智能显示方法及装置，通过服务器计算页面元素n对应的响应时间T_RIDn；当检测到用户终端打开前端页面时，计算用户终端的网络延时基数T_D；检测到用户终端的鼠标坐标参数对应到页面元素n时，通过页面元素n对应的响应时间T_RIDn和用户终端的网络延时基数T_D相加计算获得页面元素n的前端页面请求的预计响应时间Tn＝T_RIDn+T_D；在页面上将页面元素n预计响应时间Tn显示在页面元素n的旁边，从而在用户鼠标悬停在页面元素n上面的时候，会在旁边显示一个页面元素n对应的预计响应时间Tn，便让用户在点击之前能够预先知道响应的时间，减少等待未知时间所产生的烦躁感，提高浏览体验。

Intelligent display method and device for expected response time of front page request

A front page request is expected response time of the intelligent display method and device provided by the embodiment of the invention, the response time of T_RIDn through the server computing page elements corresponding to N; when the detected user terminal to open the front page, calculate the user terminal network Yan Shiji number T_D; mouse detected coordinate parameters of the user terminal corresponding to the page n, through the network delay base added T_D T_RIDn response time and user terminal page elements corresponding to the calculated n page elements n front page request the expected response time of Tn = T_RIDn+T_D; the page page element n is expected response time of Tn displayed on the page elements next to N, so when you hover the mouse over the page elements on N, n will display a page element corresponding to the expected response time of Tn in the next, will allow users to click on before You can know the time of the response in advance, reduce the impatience caused by waiting for unknown time, and improve the browsing experience.

【技术实现步骤摘要】
一种前端页面请求的预计响应时间的智能显示方法及装置
本专利技术涉及网站页面领域，尤其涉及一种前端页面请求的预计响应时间的智能显示方法及装置。
技术介绍
目前Web前端页面中，每个请求都是需要将数据发送到服务器然后再返回，这个过程将会消耗一定时间。如图1所示，目前类似的前端提示都比较单调，基本上都是出现一个loading的效果图，提示用户一直等待返回结果，用户不知道多久才会有返回结果。这个原理实现的逻辑也比较简单，发出请求时，把加载的效果显示出来，然后监听ajax的success返回数据后把加载效果移除就可以。然而这种仅显示loading的方式会让用户感到困惑或者不耐烦，因为这个等待的时间不知道是几秒钟还是几分钟，有的时候等了好长时间都还是显示loading的效果图，让用户的体验及其糟糕。因此，本专利技术实施例为解决这个痛点，通过结合历史点击返回的时间，预测出一个响应时间，让用户点击之前能够预知，减少等待未知时间所产生的烦躁感，提高浏览体验。
技术实现思路
本专利技术实施例提供了一种前端页面请求的预计响应时间的智能显示方法及装置，用于解决传统方法仅显示loading效果图导致用户体验糟糕的本文档来自技高网...

【技术保护点】
一种前端页面请求的预计响应时间的智能显示方法，其特征在于，包括：S1：收集页面元素，取得页面元素n的请求值RIDn并发送至服务端，计算服务端收到请求值RIDn与服务端返回数据的时间差作为页面元素n对应的响应时间T_RIDn；S2：当检测到用户终端打开前端页面时，发送一个取得本页面所有页面元素的响应时间的请求至服务端并记录当前时间值为t1；S3：接收到服务端返回的包含所有页面元素的响应时间的数据并记录当前时间值为t2；S4：计算用户终端的网络延时基数T_D＝t2‑t1；S5：检测到用户终端的鼠标坐标参数对应到页面元素n时，通过页面元素n对应的响应时间T_RIDn和用户终端的网络延时基数T_D相加...

【技术特征摘要】
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.一种前端页面请求的预计响应时间的智能显示装置，其特征在于，包括：页面元素响应时间计算模...

【专利技术属性】
技术研发人员：邵山，杨铭坤，唐昊，
申请(专利权)人：广州市诚毅科技软件开发有限公司，
类型：发明
国别省市：广东,44