页面加载的方法、装置、设备及存储介质与流程

1.本技术涉及互联网技术领域，特别涉及一种页面加载的方法、装置、设备及存储介质。


背景技术：

2.随着互联网技术的发展，人们逐渐习惯于从网络上获取各类消息，页面需要显示的内容也越来越复杂，对页面加载性能的要求也随之提高。页面加载性能的优化主要依赖于对页面首屏的加载速度的提升。
3.相关技术中，通过调整向网络请求目标页面的首屏信息的请求时机以提升页面首屏的加载速度。例如，基于调整请求时机进行优化后的页面加载的方法包括：响应于从前置页面发出的目标页面的加载请求，向网络请求目标页面的首屏信息，利用目标页面的首屏信息进行渲染并显示目标页面首屏。
4.但上述优化后的页面加载的方法，由于仅将向网络请求目标页面的首屏信息的时机提前至收到目标页面的加载请求时，可能存在需要对目标页面的首屏信息进行渲染时，向网络请求目标页面的首屏信息的结果还未返回的情况，导致目标页面无法正常加载，影响页面加载的效率及性能。


技术实现要素：

5.本技术实施例提供了一种页面加载的方法、装置、设备及存储介质，以解决相关技术中的问题。所述技术方案如下：
6.第一方面，提供了一种页面加载的方法，包括：
7.显示前置页面；
8.向网络请求当前显示的所述前置页面的至少一个关联页面的首屏信息；
9.响应于加载目标页面的请求，从所述至少一个关联页面的首屏信息中获取所述目标页面的首屏信息；
10.根据所述目标页面的首屏信息，对所述目标页面进行首屏渲染。
11.在一种可能实现方式中，所述从所述至少一个关联页面的首屏信息中获取所述目标页面的首屏信息，包括：
12.根据所述目标页面对应的可用性校验的校验逻辑，对所述至少一个关联页面的首屏信息进行可用性校验；
13.响应于校验通过，则从所述至少一个关联页面的首屏信息中获取所述目标页面的首屏信息。
14.在一种可能实现方式中，所述根据所述目标页面对应的可用性校验的校验逻辑，对所述至少一个关联页面的首屏信息进行可用性校验，包括：
15.基于每个所述关联页面的首屏信息所对应的时间与网络请求参数，校验所述至少一个关联页面的首屏信息中是否存在未过期的首屏信息；
16.响应于所述至少一个关联页面的首屏信息中存在未过期的首屏信息的校验结果，则可用性校验通过。
17.在一种可能实现方式中，所述根据所述目标页面对应的可用性校验的校验逻辑，对所述至少一个关联页面的首屏信息进行可用性校验之前，还包括：
18.获取所述目标页面对应的历史可用性校验的第一校验逻辑，计算所述目标页面对应的历史正确率；
19.当所述历史正确率低于第一阈值时，调整所述第一校验逻辑得到第二校验逻辑，将所述第二校验逻辑作为所述目标页面对应的可用性校验的校验逻辑。
20.在一种可能实现方式中，所述计算所述目标页面对应的历史正确率，包括：
21.统计所述目标页面的历史首屏信息相比所述目标页面对应的历史关联页面的首屏信息不存在更新的判定次数；
22.统计利用所述历史关联页面的首屏信息加载所述目标页面的历史首屏的使用次数；
23.根据所述判定次数和所述使用次数，计算得到所述目标页面对应的历史正确率。
24.在一种可能实现方式中，所述向网络请求当前显示的所述前置页面的至少一个关联页面的首屏信息，包括：
25.获取当前显示的所述前置页面的至少一个关联页面的网络请求频率，根据所述网络请求频率向网络请求所述至少一个关联页面的首屏信息。
26.在一种可能实现方式中，所述获取当前显示的所述前置页面的至少一个关联页面的网络请求频率，包括：
27.获取当前显示的所述前置页面的至少一个关联页面的历史网络请求频率，根据计算的指标，调整所述历史网络请求频率得到第一网络请求频率，将所述第一网络请求频率作为所述至少一个关联页面的网络请求频率。
28.在一种可能实现方式中，所述指标包括命中率，所述根据计算的指标，调整所述历史网络请求频率得到第一网络请求频率，包括：
29.统计利用所述目标页面对应的历史关联页面的首屏信息加载所述目标页面的历史首屏的使用次数和从所述历史关联页面的首屏信息中获取所述目标页面的历史首屏信息的次数，计算得到所述命中率；
30.当所述命中率低于第二阈值时，提高所述历史网络请求频率得到所述第一网络请求频率。
31.在一种可能实现方式中，所述指标包括使用率，所述根据计算的指标，调整所述历史网络请求频率得到第一网络请求频率，包括：
32.统计利用所述目标页面对应的历史关联页面的首屏信息加载所述目标页面的历史首屏的使用次数和向网络请求所述目标页面对应的历史关联页面的首屏信息的次数，计算得到所述使用率；
33.当所述使用率低于第三阈值时，降低所述历史网络请求频率得到所述第一网络请求频率。
34.在一种可能实现方式中，所述指标包括有效率，所述根据计算的指标，调整所述历史网络请求频率得到第一网络请求频率，包括：
35.统计利用所述目标页面对应的历史关联页面的首屏信息加载所述目标页面的历史首屏的使用次数和从所述历史关联页面的首屏信息中得到所述目标页面的历史首屏信息的次数，计算得到所述有效率；
36.当所述有效率低于第四阈值时，降低所述历史网络请求频率得到所述第一网络请求频率。
37.在一种可能实现方式中，所述目标页面为反映原生页面或部分同构页面，所述根据所述目标页面的首屏信息，对所述目标页面进行首屏渲染，包括：
38.加载反映原生引擎，业务初始化得到通用信息；
39.根据所述通用信息和所述目标页面的首屏信息构建文档树，根据所述文档树对所述目标页面进行首屏渲染。
40.在一种可能实现方式中，所述通用信息至少包括以下之一：基础常量、用户状态、所述目标页面对应的实验信息。
41.第二方面，提供了一种页面加载的装置，所述装置包括：
42.页面显示模块，用于显示前置页面；
43.第一获取模块，用于向网络请求当前显示的所述前置页面的至少一个关联页面的首屏信息；
44.第二获取模块，用于响应于加载目标页面的请求，从所述至少一个关联页面的首屏信息中获取所述目标页面的首屏信息；
45.页面渲染模块，用于根据所述目标页面的首屏信息，对所述目标页面进行首屏渲染。
46.在一种可能实现方式中，所述第二获取模块，用于根据所述目标页面对应的可用性校验的校验逻辑，对所述至少一个关联页面的首屏信息进行可用性校验；响应于校验通过，则从所述至少一个关联页面的首屏信息中获取所述目标页面的首屏信息。
47.在一种可能实现方式中，所述第二获取模块，用于基于每个所述关联页面的首屏信息所对应的时间与网络请求参数，校验所述至少一个关联页面的首屏信息中是否存在未过期的首屏信息；响应于所述至少一个关联页面的首屏信息中存在未过期的首屏信息的校验结果，则可用性校验通过。
48.在一种可能实现方式中，所述第二获取模块，还用于获取所述目标页面对应的历史可用性校验的第一校验逻辑，计算所述目标页面对应的历史正确率；当所述历史正确率低于第一阈值时，调整所述第一校验逻辑得到第二校验逻辑，将所述第二校验逻辑作为所述目标页面对应的可用性校验的校验逻辑。
49.在一种可能实现方式中，所述第二获取模块，用于统计所述目标页面的历史首屏信息相比所述目标页面对应的历史关联页面的首屏信息不存在更新的判定次数；统计利用所述历史关联页面的首屏信息加载所述目标页面的历史首屏的使用次数；根据所述判定次数和所述使用次数，计算得到所述目标页面对应的历史正确率。
50.在一种可能实现方式中，所述第一获取模块，用于获取当前显示的所述前置页面的至少一个关联页面的网络请求频率，根据所述网络请求频率向网络请求所述至少一个关联页面的首屏信息。
51.在一种可能实现方式中，所述第一获取模块，用于获取当前显示的所述前置页面
的至少一个关联页面的历史网络请求频率，根据计算的指标，调整所述历史网络请求频率得到第一网络请求频率，将所述第一网络请求频率作为所述至少一个关联页面的网络请求频率。
52.在一种可能实现方式中，所述指标包括命中率；所述第一获取模块，用于统计利用所述目标页面对应的历史关联页面的首屏信息加载所述目标页面的历史首屏的使用次数和从所述历史关联页面的首屏信息中获取所述目标页面的历史首屏信息的次数，计算得到所述命中率；当所述命中率低于第二阈值时，提高所述历史网络请求频率得到所述第一网络请求频率。
53.在一种可能实现方式中，所述指标包括使用率；所述第一获取模块，用于统计利用所述目标页面对应的历史关联页面的首屏信息加载所述目标页面的历史首屏的使用次数和向网络请求所述目标页面对应的历史关联页面的首屏信息的次数，计算得到所述使用率；当所述使用率低于第三阈值时，降低所述历史网络请求频率得到所述第一网络请求频率。
54.在一种可能实现方式中，所述指标包括有效率；所述第一获取模块，用于统计利用所述目标页面对应的历史关联页面的首屏信息加载所述目标页面的历史首屏的使用次数和从所述历史关联页面的首屏信息中得到所述目标页面的历史首屏信息的次数，计算得到所述有效率；当所述有效率低于第四阈值时，降低所述历史网络请求频率得到所述第一网络请求频率。
55.在一种可能实现方式中，所述目标页面为反映原生页面或部分同构页面；所述页面渲染模块，用于加载反映原生引擎，业务初始化得到通用信息，根据所述通用信息和所述目标页面的首屏信息构建文档树，根据所述文档树对所述目标页面进行首屏渲染。
56.在一种可能实现方式中，所述通用信息至少包括以下之一：基础常量、用户状态、所述目标页面对应的实验信息。
57.第三方面，提供了一种计算机设备，所述计算机设备包括处理器和存储器，所述存储器中存储有至少一条计算机程序，所述至少一条计算机程序由所述处理器加载并执行，以使所述计算机设备实现上述任一所述的页面加载的方法。
58.第四方面，还提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有至少一条计算机程序，所述至少一条计算机程序由处理器加载并执行，以使计算机实现上述任一所述的页面加载的方法。
59.第五方面，还提供了一种计算机程序产品或计算机程序，所述计算机程序产品或计算机程序包括计算机指令，所述计算机指令存储在计算机可读存储介质中。计算机设备的处理器从所述计算机可读存储介质读取所述计算机指令，处理器执行所述计算机指令，使得所述计算机设备执行上述任一所述的页面加载的方法。
60.本技术实施例提供的技术方案带来的有益效果至少包括：
61.通过在收到加载目标页面的请求前，向网络请求并得到渲染目标页面所需的首屏信息的网络请求结果，因此能够解决由于调整向网络请求目标页面的首屏信息的请求时机，导致所请求的目标页面的首屏信息的结果无法及时返回以致目标页面无法正常加载的问题，且提高了页面加载速度，提升了页面加载性能。
附图说明
62.为了更清楚地说明本技术实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
63.图1是本技术实施例提供的一种页面加载的方法的实施环境的示意图；
64.图2是本技术实施例提供的一种页面加载的方法的流程图；
65.图3是本技术实施例提供的一种商品列表页的示意图；
66.图4是本技术实施例提供的一种页面加载的装置的示意图；
67.图5是本技术实施例提供的一种服务器的结构示意图；
68.图6是本技术实施例提供的一种终端的结构示意图。
具体实施方式
69.为使本技术的目的、技术方案和优点更加清楚，下面将结合附图对本技术实施方式作进一步地详细描述。
70.需要说明的是，本技术的说明书和权利要求书中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本技术的实施例能够以除了在这里图示或描述的那些以外的顺序实施。
71.以下示例性实施例中所描述的实施方式并不代表与本技术相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本技术的一些方面相一致的装置和方法的例子。
72.本技术实施例提供了一种页面加载的方法，请参考图1，其示出了本技术实施例提供的页面加载的方法的实施环境的示意图。该实施环境包括：终端11和服务器12。终端11与服务器12之间通过无线或者有线网络连接。
73.其中，终端11安装有用于显示页面的应用程序，服务器12为该应用程序对应的服务器12。该应用程序可以是具有信息推送功能的应用程序，也可以是消费类应用程序等。在本技术实施例中，不对应用程序的类型进行限定。
74.示例性地，终端11用于显示前置页面，并向服务器12发送对当前显示的前置页面的至少一个关联页面的首屏信息的请求。服务器12在接收到终端11对至少一个关联页面的首屏信息的请求时，获取该至少一个关联页面的首屏信息，并将该至少一个关联页面的首屏信息发送至终端11，以使终端11可以根据该至少一个关联页面的首屏信息进行目标页面加载操作。
75.在一种可能实现方式中，终端11可以是诸如手机、平板电脑、个人计算机等的智能设备。服务器12可以是一台服务器，也可以是由多台服务器组成的服务器集群，或者是一个云计算服务中心。
76.本领域技术人员应能理解上述终端11和服务器12仅为举例，其他现有的或今后可能出现的终端和服务器如可适用于本技术，也应包含在本技术保护范围以内，并在此以引用方式包含于此。
77.基于上述图1所示的实施环境，本技术实施例提供一种页面加载的方法，该方法可以应用于终端中。如图2所示，本技术实施例提供的页面加载的方法包括如下步骤201至步骤204。
78.在步骤201中，显示前置页面。
79.其中，前置页面指的是处于关联页面之前展示的页面，该前置页面可以显示在用于加载目标页面的终端上。通过当前显示的前置页面，可选择任意一个关联页面作为目标页面进行目标页面的加载操作。
80.可选地，关联页面指可以通过前置页面主动获取到页面加载所需数据的页面，也即是说前置页面可以获知关联页面的网络地址，该网络地址用于向网络请求关联页面的首屏信息，以便于在收到加载目标页面的请求前，完成对目标页面加载所需数据的获取，从而保证页面的正常加载，提升页面加载性能。
81.示例性地，当前显示的页面中存在多个链接，通过当前显示的该页面，可点击任意一个链接，从而进行所点击链接对应的页面的加载操作，则当前显示的该页面为前置页面，当前显示的页面中各链接对应的页面为关联页面，所点击链接对应的页面为目标页面。
82.需要说明的是，本技术对前置页面和关联页面的形式并不限定，可以是超文本标记语言第5代(hyper text markup language5，html5)页面，也可以是其他形式的页面。
83.在步骤202中，向网络请求当前显示的前置页面的至少一个关联页面的首屏信息。
84.需要说明的是，向网络请求首屏信息的关联页面可以是前置页面所具有的所有关联页面，也可以是从前置页面所具有的所有关联页面中筛选出的部分关联页面，筛选条件可根据应用需要进行设计。
85.在一种可能实现方式中，可统计前置页面所具有的每个关联页面的访问次数，筛选访问次数大于阈值的关联页面向网络请求首屏信息，通过将访问次数与阈值进行比较以衡量访问量的多少。
86.示例性地，访问次数大于阈值时，则认为访问量较大，访问次数不大于阈值时，则认为访问量较小。在本技术实施例中，可将访问量较大的关联页面利用本技术实施例所述方法进行页面加载，而对访问量较小的关联页面则采用其他例如已有的页面加载方法进行页面加载，从而有效减少软硬件资源浪费。
87.在一种可能实现方式中，网络中存在存储有关联页面的首屏信息的资源服务器，该资源服务器与关联页面的网络地址对应，因此终端向网络请求关联页面的首屏信息的过程可包括：终端通过显示的前置页面获知关联页面的网络地址，基于关联页面的网络地址，向对应的资源服务器请求关联页面的首屏信息，并接收该资源服务器返回的关联页面的首屏信息。
88.其中，首屏信息指用于加载页面首屏所需的数据，页面首屏为页面加载后用户第一眼所看到的页面内容(即屏幕上第一屏所显示的内容)，也即是不滚动页面的情况下就能被用户看到的屏幕显示画面。
89.由于不同的终端可能具有不同的显示屏幕尺寸和分辨率，因此实际获取的首屏信息通常不是严格的加载页面首屏所需的数据，而是比加载页面首屏所需的实际数据更大。例如，首屏信息可以是用于加载一屏半的页面内容所需的数据，因此，首屏信息可以按照本领域技术人员的理解而被相对自由的规定，本技术在此不做限制。
90.在一种可能实现方式中，向网络请求当前显示的前置页面的至少一个关联页面的首屏信息的实现过程包括：获取当前显示的前置页面的至少一个关联页面的网络请求频率，根据网络请求频率向网络请求至少一个关联页面的首屏信息。
91.可以理解的是，在前置页面完成初始化直到收到加载页面的请求的这段时间内，终端会向网络发起至少一次对关联页面的首屏信息的请求，通过设置网络请求频率能够控制向网络发起对关联页面的首屏信息的请求的时间间隔。
92.网络请求频率越低，向网络发起对关联页面的首屏信息的请求的时间间隔越大，网络请求频率越高，向网络发起对关联页面的首屏信息的请求的时间间隔越小。
93.因此通过合理调整每个关联页面的网络请求频率，能够显著优化向网络发起对关联页面的首屏信息的请求过程，使得终端能及时获取到更新内容后的关联页面的首屏信息，同时减少软硬件资源的浪费。
94.在一种可能实现方式中，获取当前显示的前置页面的至少一个关联页面的网络请求频率的实现过程包括：获取当前显示的前置页面的至少一个关联页面的历史网络请求频率，根据计算的指标，调整历史网络请求频率得到第一网络请求频率，将第一网络请求频率作为至少一个关联页面的网络请求频率。
95.需要说明的是，在前置页面完成初始化后，将根据每个关联页面的网络请求频率多次向网络请求对应的首屏信息。
96.以与目标页面对应的第一关联页面为例进行说明，该第一关联页面的首屏信息可用于主线程加载目标页面，在前置页面向网络请求第一关联页面的首屏信息之前，应先获取第一关联页面的网络请求频率，该第一关联页面的网络请求频率由副线程计算得到。
97.其中，副线程将记录上一次执行本技术所述方法进行目标页面的加载时对应的第一关联页面的网络请求频率，也即是记录目标页面对应的历史关联页面的历史网络请求频率，再通过计算的指标调整历史网络请求频率得到第一网络请求频率，从而优化向网络发起对第一关联页面的首屏信息的请求次数。
98.其中，计算的指标可以包括命中率、使用率和有效率中的至少一种。
99.在一种可能实现方式中，指标包括命中率，根据计算的指标，调整历史网络请求频率得到第一网络请求频率的实现过程包括：统计利用目标页面对应的历史关联页面的首屏信息加载目标页面的历史首屏的使用次数和从历史关联页面的首屏信息中获取目标页面的历史首屏信息的次数，计算得到命中率；当命中率低于第二阈值时，提高历史网络请求频率得到第一网络请求频率。
100.需要说明的是，命中率可通过将使用次数除以从历史关联页面的首屏信息中获取目标页面的历史首屏信息的次数计算得到。
101.在一个实施例中，副线程还可用于在每次使用本技术所述方法对目标页面进行页面加载时进行次数统计，从而得到向历史关联页面的首屏信息请求目标页面的历史首屏信息的次数。
102.在一种可能实现方式中，指标包括使用率，根据计算的指标，调整历史网络请求频率得到第一网络请求频率的实现过程包括：统计利用目标页面对应的历史关联页面的首屏信息加载目标页面的历史首屏的使用次数和向网络请求目标页面对应的历史关联页面的首屏信息的次数，计算得到使用率；当使用率低于第三阈值时，降低历史网络请求频率得到
第一网络请求频率。
103.其中，使用率可通过将使用次数除以向网络请求目标页面对应的历史关联页面的首屏信息的次数计算得到。
104.在一个实施例中，目标页面对应的历史关联页面的首屏信息用于加载目标页面的历史首屏，因此可通过统计每次使用本技术所述方法加载目标页面的历史首屏时，在历史前置前面对目标页面对应的历史关联页面的首屏信息的预拉取次数，从而得到向网络请求目标页面对应的历史关联页面的首屏信息的次数。
105.在一种可能实现方式中，指标包括有效率，根据计算的指标，调整历史网络请求频率得到第一网络请求频率的实现过程包括：统计利用目标页面对应的历史关联页面的首屏信息加载目标页面的历史首屏的使用次数和从历史关联页面的首屏信息中得到目标页面的历史首屏信息的次数，计算得到有效率；当有效率低于第四阈值时，降低历史网络请求频率得到第一网络请求频率。
106.其中，有效率可通过将使用次数除以从历史关联页面的首屏信息中得到目标页面的历史首屏信息的次数计算得到。
107.在一个实施例中，在每次主线程使用本技术所述方法进行目标页面的历史首屏加载时，副线程都将统计从历史关联页面的首屏信息中得到目标页面的历史首屏信息的次数。
108.例如，当某一次目标页面的历史首屏的加载过程中预拉取的历史关联页面的首屏信息中存在目标页面的历史首屏信息时，副线程将统计的从历史关联页面的首屏信息中得到目标页面的历史首屏信息的次数对应加一，从而得到新的统计次数。
109.在步骤203中，响应于加载目标页面的请求，从至少一个关联页面的首屏信息中获取目标页面的首屏信息。
110.需要说明的是，加载目标页面的请求可以利用终端安装的应用程序向终端发送，例如通过当前显示的前置页面向终端直接发送对目标页面的加载请求。
111.在一种可能实现方式中，可选择对前置页面设置超链接，当用户点击该超链接时，由显示该前置页面的应用程序向终端发送目标页面的加载请求。
112.其中，该超链接的目标为关联页面，该超链接的载体可以是前置页面所显示的文字、图像或其它组件等等，当用户点击超链接时，将该超链接对应的关联页面作为页面加载操作的目标页面。
113.如图3所示，以商品列表页为前置页面进行举例说明，此时商品列表页的关联页面为商品详情页，包括商品a详情页和商品b详情页，商品详情页对应的超链接的载体为商品详情按钮，包括商品a详情按钮和商品b详情按钮。
114.用户通过终端浏览商品列表页时，可以通过点击显示于商品列表页的商品a详情按钮，向终端发送加载商品a详情页的请求，此时商品a详情页为后续页面加载的目标页面，该终端接收并响应于加载商品a详情页的请求，对商品a详情页进行加载。
115.在另一种可能实现方式中，加载目标页面的请求可以由另一计算机设备向显示前置页面的终端进行发送，也即是由显示该前置页面的应用程序向终端间接发送目标页面的加载请求。以具有二维码的付款页面为前置页面，并以手机为计算机设备进行举例说明，当使用手机扫描付款页面的二维码时，可以在手机显示的付款页面执行例如点击付款等操
作。
116.当点击付款操作生效时，由手机向用于显示付款页面的终端发送加载付款反馈页面的请求，再由终端响应于该加载付款反馈页面的请求，对该二维码对应的付款反馈页面进行加载，此时该付款反馈页面为终端进行页面加载操作的目标页面。其中，付款反馈页面可以至少包括付款成功反馈页面和付款失败反馈页面，该付款成功反馈页面和付款失败反馈页面即为付款页面的关联页面。
117.需要说明的是，在收到加载目标页面的请求时，可以根据目标页面的标识信息对所述关联页面的首屏信息进行搜索，得到具有相同的标识信息的关联页面的首屏信息。示例性地，标识信息是网络地址等用以区分网页的相关参数。
118.在一种可能实现方式中，从至少一个关联页面的首屏信息中获取目标页面的首屏信息的实现过程包括：根据目标页面对应的可用性校验的校验逻辑，对至少一个关联页面的首屏信息进行可用性校验；响应于校验通过，则从至少一个关联页面的首屏信息中获取目标页面的首屏信息。
119.可以理解的是，可用性校验用于验证关联页面的首屏信息的可用性，以保证能够从关联页面的首屏信息中获取到可以用于正确加载目标页面的首屏信息。
120.在一种可能实现方式中，可用性校验可以用于校验关联页面的首屏信息的网络请求时间是否有效。
121.例如，可用性校验的校验逻辑可以包括：在从至少一个关联页面的首屏信息中获取目标页面的首屏信息前，先获取所有关联页面的首屏信息的网络请求时间，并分别计算每个关联页面的首屏信息的网络请求时间与加载目标页面的请求的时间的时间间隔；
122.将计算出的时间间隔小于间隔阈值的关联页面的首屏信息视作通过可用性校验，将计算出的时间间隔不小于间隔阈值的关联页面的首屏信息视作不通过可用性校验。
123.可以理解的是，如果出现所有的关联页面的首屏信息都未通过可用性校验，或者通过可用性校验的关联页面的首屏信息中不存在目标页面的首屏信息，则应该停止页面加载并反馈错误信息，或者重新向网络请求目标页面的首屏信息进行加载，从而有效避免目标页面加载的首屏内容错误。
124.在一种可能实现方式中，根据目标页面对应的可用性校验的校验逻辑，对至少一个关联页面的首屏信息进行可用性校验的实现过程包括：基于每个关联页面的首屏信息所对应的时间与网络请求参数，校验至少一个关联页面的首屏信息中是否存在未过期的首屏信息；响应于至少一个关联页面的首屏信息中存在未过期的首屏信息的校验结果，则可用性校验通过。
125.可以理解的是，由于是在收到加载目标页面的请求前，向网络请求并得到了关联页面的首屏信息，因此可能出现实际的目标页面的首屏信息相比关联页面中目标页面的首屏信息存在页面内容更新的情况，从而导致目标页面加载的首屏内容错误。
126.通过校验关联页面的首屏信息是否符合有效时间内发出的网络请求，也即是说校验关联页面的首屏信息是否为未过期的首屏信息，以确保从关联页面的首屏信息中获取的目标页面的首屏信息可用于正确加载目标页面的首屏。
127.其中，时间与网络请求参数可以包括向网络请求关联页面的首屏信息的网络请求时间，通过对至少一个关联页面的首屏信息的网络请求时间与加载目标页面的请求中所包
含的加载请求时间进行比较，从而可以判断关联页面的首屏信息是否过期。
128.在一种可能实现方式中，根据目标页面对应的可用性校验的校验逻辑，对至少一个关联页面的首屏信息进行可用性校验之前，还包括：获取目标页面对应的历史可用性校验的第一校验逻辑，计算目标页面对应的历史正确率；当历史正确率低于第一阈值时，调整第一校验逻辑得到第二校验逻辑，将第二校验逻辑作为目标页面对应的可用性校验的校验逻辑。
129.可以理解的是，目标页面对应的历史可用性校验的第一校验逻辑为使用本技术页面加载方法进行目标页面的历史首屏加载时所使用的校验逻辑。
130.其中，目标页面的历史首屏与目标页面的首屏仅为对在不同时间加载的同一页面的首屏作区分，目标页面的历史首屏与目标页面的首屏应对应相同的标识信息，只是首屏加载时间有先后。
131.在一种可能实现方式中，历史可用性校验的第一校验逻辑可以是上一次使用本技术页面加载方法加载得到目标页面的历史首屏时所使用的可用性校验的校验逻辑。
132.示例性地，在对当前的目标页面进行加载的过程中，将得到的目标页面的历史正确率与第一阈值比较，例如得到的历史正确率为0.4，而第一阈值为0.6，历史正确率低于第一阈值，说明历史可用性校验的第一校验逻辑无法有效保证目标页面的正确加载，因此需要对第一校验逻辑进行调整得到第二校验逻辑，再将第二校验逻辑应用于当前的目标页面的加载过程中的可用性校验，从而优化当前的页面加载方法的页面正确加载效果。
133.其中，可以通过调整校验逻辑中的间隔阈值以对第一校验逻辑进行调整，当历史正确率低于第一阈值时，减小该间隔阈值，此时调整后的第一校验逻辑包括：将计算出的关联页面的首屏信息的网络请求时间与加载目标页面的请求的时间的时间间隔与减小后的间隔阈值进行比较，从而提高正确率。
134.在一种可能实现方式中，计算目标页面对应的历史正确率的实现过程包括：统计目标页面的历史首屏信息相比目标页面对应的历史关联页面的首屏信息不存在更新的判定次数；统计利用历史关联页面的首屏信息加载目标页面的历史首屏的使用次数；根据判定次数和使用次数，计算得到目标页面对应的历史正确率。
135.需要说明的是，目标页面的加载过程可在终端的主线程中进行，在终端收到加载当前的目标页面的请求之前，每次终端在收到加载目标页面的历史首屏的请求时，终端的副线程都会网络拉取目标页面的历史首屏信息。
136.副线程将得到的目标页面的历史首屏信息与主线程中得到的历史关联页面中目标页面的历史首屏信息进行更新判定，并记录副线程得到的目标页面的历史首屏信息相较主线程得到的历史关联页面中目标页面的历史首屏信息不存在更新的判定结果的次数，并统计主线程中利用历史关联页面的首屏信息加载目标页面的历史首屏的使用次数。
137.将不存在更新的判定结果的次数除以使用次数，得到目标页面对应的历史正确率，用以表示使用历史可用性校验时的页面加载方法的页面正确加载效果。
138.在步骤204中，根据目标页面的首屏信息，对目标页面进行首屏渲染。
139.可选地，目标页面为反映原生页面或部分同构页面，根据目标页面的首屏信息，对目标页面进行首屏渲染的实现过程包括：加载反映原生引擎，业务初始化得到通用信息，根据通用信息和目标页面的首屏信息构建文档树，根据文档树对目标页面进行首屏渲染。
140.可选地，通用信息至少包括以下之一：基础常量、用户状态、目标页面对应的实验信息。
141.其中，反映原生(rn，react native)页面由javascript所编写，常用于react native混合应用开发，实验信息可以是ab实验信息，在进行rn页面的渲染时，需要先加载反映原生(rn)引擎，在加载反映原生(rn)引擎时会进行基础包的加载，该基础包含有react native模块等可复用的模块，业务初始化的作用为发起网络请求获取通用数据，该通用数据同样用于构建文档(dom，document object model)树，该dom树用于注入目标页面的首屏信息，从而构建目标页面首屏。
142.在一些实施例中，由于rn页面与原生页面通信时，需要额外搭建原生(native)桥，不利于对开发的混合应用进行业务内容更新，因此在进行rn页面加载时，可以将从前置页面获取的关联页面的首屏信息存储至缓存中，在加载rn页面时直接从缓存中获取对应的首屏信息，避免页面加载的过程中rn页面与原生页面通信，因此本技术实施例所述页面加载的方法不依赖native桥，有利于业务动态化迭代。
143.综上所述，通过在收到加载目标页面的请求前，向网络请求并得到渲染目标页面所需的首屏信息的网络请求结果，因此能够解决由于调整向网络请求目标页面的首屏信息的请求时机，导致所请求的目标页面的首屏信息的结果无法及时返回以致目标页面无法正常加载的问题，且提高了页面加载速度，提升了页面加载性能。
144.参见图4，本技术实施例提供了一种页面加载的装置，该装置包括：
145.页面显示模块701，用于显示前置页面；
146.第一获取模块702，用于向网络请求当前显示的前置页面的至少一个关联页面的首屏信息；
147.第二获取模块703，用于响应于加载目标页面的请求，从至少一个关联页面的首屏信息中获取目标页面的首屏信息；
148.页面渲染模块704，用于根据目标页面的首屏信息，对目标页面进行首屏渲染。
149.在一种可能实现方式中，第二获取模块703，用于根据目标页面对应的可用性校验的校验逻辑，对至少一个关联页面的首屏信息进行可用性校验；响应于校验通过，则从至少一个关联页面的首屏信息中获取目标页面的首屏信息。
150.在一种可能实现方式中，第二获取模块703，用于基于每个关联页面的首屏信息所对应的时间与网络请求参数，校验至少一个关联页面的首屏信息中是否存在未过期的首屏信息；响应于至少一个关联页面的首屏信息中存在未过期的首屏信息的校验结果，则可用性校验通过。
151.在一种可能实现方式中，第二获取模块703，还用于获取目标页面对应的历史可用性校验的第一校验逻辑，计算目标页面对应的历史正确率；当历史正确率低于第一阈值时，调整第一校验逻辑得到第二校验逻辑，将第二校验逻辑作为目标页面对应的可用性校验的校验逻辑。
152.在一种可能实现方式中，第二获取模块703，用于统计目标页面的历史首屏信息相比目标页面对应的历史关联页面的首屏信息不存在更新的判定次数；统计利用历史关联页面的首屏信息加载目标页面的历史首屏的使用次数；根据判定次数和使用次数，计算得到目标页面对应的历史正确率。
153.在一种可能实现方式中，第一获取模块702，用于获取当前显示的前置页面的至少一个关联页面的网络请求频率，根据网络请求频率向网络请求至少一个关联页面的首屏信息。
154.在一种可能实现方式中，第一获取模块702，用于获取当前显示的前置页面的至少一个关联页面的历史网络请求频率，根据计算的指标，调整历史网络请求频率得到第一网络请求频率，将第一网络请求频率作为至少一个关联页面的网络请求频率。
155.在一种可能实现方式中，指标包括命中率；第一获取模块702，用于统计利用目标页面对应的历史关联页面的首屏信息加载目标页面的历史首屏的使用次数和从历史关联页面的首屏信息中获取目标页面的历史首屏信息的次数，计算得到命中率；当命中率低于第二阈值时，提高历史网络请求频率得到第一网络请求频率。
156.在一种可能实现方式中，指标包括使用率；第一获取模块702，用于统计利用目标页面对应的历史关联页面的首屏信息加载目标页面的历史首屏的使用次数和向网络请求目标页面对应的历史关联页面的首屏信息的次数，计算得到使用率；当使用率低于第三阈值时，降低历史网络请求频率得到第一网络请求频率。
157.在一种可能实现方式中，指标包括有效率；第一获取模块702，用于统计利用目标页面对应的历史关联页面的首屏信息加载目标页面的历史首屏的使用次数和从历史关联页面的首屏信息中得到目标页面的历史首屏信息的次数，计算得到有效率；当有效率低于第四阈值时，降低历史网络请求频率得到第一网络请求频率。
158.在一种可能实现方式中，目标页面为反映原生页面或部分同构页面；页面渲染模块704，用于加载反映原生引擎，业务初始化得到通用信息；根据通用信息和目标页面的首屏信息构建文档树，根据文档树对目标页面进行首屏渲染。
159.在一种可能实现方式中，通用信息至少包括以下之一：基础常量、用户状态、目标页面对应的实验信息。
160.需要说明的是，上述实施例提供的装置在实现其功能时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将设备的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的装置与方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。
161.在示例性实施例中，还提供了一种计算机设备，该计算机设备包括处理器和存储器，该存储器中存储有至少一条计算机程序。该至少一条计算机程序由一个或者一个以上处理器加载并执行，以使该计算机设备实现上述任一种页面加载的方法。该计算机设备可以为终端，也可以为服务器，本技术实施例对此不加以限定。接下来，分别对服务器和终端的结构进行介绍。
162.图5是本技术实施例提供的一种服务器的结构示意图，该服务器可因配置或性能不同而产生比较大的差异，可以包括一个或多个处理器(central processing units，cpu)801和一个或多个存储器802，其中，该一个或多个存储器802中存储有至少一条计算机程序，该至少一条计算机程序由该一个或多个处理器801加载并执行，以使该服务器实现上述各个方法实施例提供的页面加载的方法。当然，该服务器还可以具有有线或无线网络接口、键盘以及输入输出接口等部件，以便进行输入输出，该服务器还可以包括其他用于实现设
备功能的部件，在此不做赘述。
163.图6是本技术实施例提供的一种终端的结构示意图。该终端可以是：智能手机、平板电脑、笔记本电脑或台式电脑。终端还可能被称为用户设备、便携式终端、膝上型终端、台式终端等其他名称。
164.通常，终端包括有：处理器901和存储器902。
165.处理器901可以包括一个或多个处理核心，比如4核心处理器、8核心处理器等。处理器901可以采用dsp(digital signal processing，数字信号处理)、fpga(field-programmable gate array，现场可编程门阵列)、pla(programmable logic array，可编程逻辑阵列)中的至少一种硬件形式来实现。处理器901也可以包括主处理器和协处理器，主处理器是用于对在唤醒状态下的数据进行处理的处理器，也称cpu(central processing unit，中央处理器)；协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。
166.存储器902可以包括一个或多个计算机可读存储介质，该计算机可读存储介质可以是非暂态的。在一些实施例中，存储器902中的非暂态的计算机可读存储介质用于存储至少一个指令，该至少一个指令用于被处理器901所执行，以使该终端实现本技术中方法实施例提供的页面加载的方法。
167.在一些实施例中，终端还可选包括有：外围设备接口903和至少一个外围设备。处理器901、存储器902和外围设备接口903之间可以通过总线或信号线相连。各个外围设备可以通过总线、信号线或电路板与外围设备接口903相连。具体地，外围设备包括：射频电路904、显示屏905、摄像头组件906、音频电路907、定位组件908和电源909中的至少一种。
168.外围设备接口903可被用于将i/o(input/output，输入/输出)相关的至少一个外围设备连接到处理器901和存储器902。射频电路904用于接收和发射rf(radio frequency，射频)信号，也称电磁信号。射频电路904通过电磁信号与通信网络以及其他通信设备进行通信。显示屏905用于显示ui(user interface，用户界面)。该ui可以包括图形、文本、图标、视频及其它们的任意组合。当显示屏905是触摸显示屏时，显示屏905还具有采集在显示屏905的表面或表面上方的触摸信号的能力。
169.摄像头组件906用于采集图像或视频。可选地，摄像头组件906包括前置摄像头和后置摄像头。音频电路907可以包括麦克风和扬声器。麦克风用于采集用户及环境的声波，并将声波转换为电信号输入至处理器901进行处理，或者输入至射频电路904以实现语音通信。扬声器则用于将来自处理器901或射频电路904的电信号转换为声波。定位组件908用于定位终端的当前地理位置，以实现导航或lbs(location based service，基于位置的服务)。电源909用于为终端中的各个组件进行供电。电源909可以是交流电、直流电、一次性电池或可充电电池。
170.在一些实施例中，终端还包括有一个或多个传感器910。该一个或多个传感器910包括但不限于：加速度传感器911、陀螺仪传感器912、压力传感器913、指纹传感器914、光学传感器915以及接近传感器916。
171.加速度传感器911可以检测以终端建立的坐标系的三个坐标轴上的加速度大小。陀螺仪传感器912可以检测终端的机体方向及转动角度，陀螺仪传感器912可以与加速度传感器911协同采集用户对终端的3d动作。压力传感器913可以设置在终端的侧边框和/或显示屏905的下层。当压力传感器913设置在终端的侧边框时，可以检测用户对终端的握持信
号，由处理器901根据压力传感器913采集的握持信号进行左右手识别或快捷操作。当压力传感器913设置在显示屏905的下层时，由处理器901根据用户对显示屏905的压力操作，实现对ui界面上的可操作性控件进行控制。指纹传感器914用于采集用户的指纹。光学传感器915用于采集环境光强度。接近传感器916，也称距离传感器，用于采集用户与终端的正面之间的距离。
172.本领域技术人员可以理解，图6中示出的结构并不构成对终端的限定，可以包括比图示更多或更少的组件，或者组合某些组件，或者采用不同的组件布置。
173.在示例性实施例中，还提供了一种计算机可读存储介质，该计算机可读存储介质中存储有至少一条计算机程序，该至少一条计算机程序由计算机设备的处理器加载并执行，以使计算机实现上述任一种页面加载的方法。
174.在一种可能实现方式中，上述计算机可读存储介质可以是只读存储器(read-only memory，rom)、随机存取存储器(random access memory，ram)、只读光盘(compact disc read-only memory，cd-rom)、磁带、软盘和光数据存储设备等。
175.在示例性实施例中，还提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述任一种页面加载的方法。
176.应当理解的是，在本文中提及的“多个”是指两个或两个以上。“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，a和/或b，可以表示：单独存在a，同时存在a和b，单独存在b这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。
177.以上所述仅为本技术的示例性实施例，并不用以限制本技术，凡在本技术的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本技术的保护范围之内。