CN113452738A - 页面加载方法和客户端 - Google Patents
页面加载方法和客户端 Download PDFInfo
- Publication number
- CN113452738A CN113452738A CN202010230682.0A CN202010230682A CN113452738A CN 113452738 A CN113452738 A CN 113452738A CN 202010230682 A CN202010230682 A CN 202010230682A CN 113452738 A CN113452738 A CN 113452738A
- Authority
- CN
- China
- Prior art keywords
- page
- initialization
- thread
- loading
- network data
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000011068 loading method Methods 0.000 title claims abstract description 187
- 238000009877 rendering Methods 0.000 claims abstract description 28
- 238000000034 method Methods 0.000 claims abstract description 24
- 238000012545 processing Methods 0.000 claims description 23
- 230000005540 biological transmission Effects 0.000 claims description 14
- 238000004806 packaging method and process Methods 0.000 claims description 10
- 238000004590 computer program Methods 0.000 claims description 8
- 238000012544 monitoring process Methods 0.000 claims description 8
- 238000012423 maintenance Methods 0.000 claims description 5
- 230000036316 preload Effects 0.000 claims description 2
- 230000004044 response Effects 0.000 abstract description 4
- 230000008569 process Effects 0.000 description 13
- 238000010586 diagram Methods 0.000 description 12
- 230000006870 function Effects 0.000 description 8
- 238000004891 communication Methods 0.000 description 7
- 230000003287 optical effect Effects 0.000 description 4
- 230000004048 modification Effects 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 230000008901 benefit Effects 0.000 description 2
- 239000000835 fiber Substances 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 238000004904 shortening Methods 0.000 description 2
- 238000010276 construction Methods 0.000 description 1
- 230000008878 coupling Effects 0.000 description 1
- 238000010168 coupling process Methods 0.000 description 1
- 238000005859 coupling reaction Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 239000002184 metal Substances 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
Images
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/50—Network services
- H04L67/56—Provisioning of proxy services
- H04L67/568—Storing data temporarily at an intermediate stage, e.g. caching
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/50—Network services
- H04L67/56—Provisioning of proxy services
- H04L67/568—Storing data temporarily at an intermediate stage, e.g. caching
- H04L67/5683—Storage of data provided by user terminals, i.e. reverse caching
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了页面加载方法和客户端，涉及计算机技术领域。该方法的一具体实施方式包括：响应于接收到页面加载触发，生成页面加载请求以及与页面加载请求对应的初始化信息；通过第一线程发送页面加载请求给服务端，并通过第二线程发送初始化信息给服务端；当第一线程接收到服务端发送的页面加载请求对应的网络数据，且第二线程接收到初始化信息对应的页面初始化架构，则利用网络数据，渲染页面初始化架构。该实施方式能够有效地缩短页面加载时间。
Description
技术领域
本发明涉及计算机技术领域，尤其涉及一种页面加载方法和客户端。
背景技术
目前，各种终端应用程序如购物应用程序、信息搜索应用程序、新闻类应用程序等的页面加载过程主要是，在页面架构初始化完成之后，才发送网络请求，以加载网络数据到初始化后的页面架构上。
在实现本发明过程中，发明人发现现有技术中至少存在如下问题：
在网络数据较多时，现有的这种加载方式，导致页面加载时间较长。
发明内容
有鉴于此，本发明实施例提供一种页面加载方法和客户端，能够有效地缩短页面加载时间。
为实现上述目的，根据本发明实施例的一个方面，提供了一种页面加载方法，包括：
响应于页面加载的触发，生成页面加载请求以及与所述页面加载请求对应的初始化信息；
通过第一线程发送所述页面加载请求给服务端，并通过第二线程发送所述初始化信息给所述服务端；
当所述第一线程接收到服务端发送的所述页面加载请求对应的网络数据，且所述第二线程接收到所述初始化信息对应的页面初始化架构，则利用所述网络数据，渲染所述页面初始化架构。
优选地，所述页面加载方法，进一步包括：
当所述第一线程接收到服务端发送的所述页面加载请求对应的网络数据，所述第二线程未接收到所述初始化信息对应的页面初始化架构时，则存储或缓存所述网络数据；
当所述第二线程接收到所述初始化信息对应的页面初始化架构时，利用存储或缓存的所述网络数据，渲染所述页面初始化架构。
优选地，所述页面加载方法，
进一步包括：为页面维护有多个预加载任务，并维护有多个页面初始化区块以及所述多个页面初始化区块与所述多个预加载任务之间的关联关系，其中，每一个所述页面初始化区块为所述页面初始化架构的一部分；
所述第一线程接收到服务端发送的所述页面加载请求对应的网络数据，包括：所述第一线程接收到任意一个或多个所述预加载任务的网络数据部分；
所述第二线程接收到所述初始化信息对应的页面初始化架构，包括：所述第二线程接收到任意一个或多个所述页面初始化区块；
渲染所述页面初始化架构，包括：利用所述网络数据部分，渲染与所述网络数据部分具有关联关系的页面初始化区块。
优选地，所述页面加载方法，进一步包括：
当所述页面加载触发指示从当前页面切换到下一页面时，
判断所述下一页面是否存在从所述当前页面继承的目标页面初始化区块，如果是，则直接继承所述目标页面初始化区块，并利用与所述目标页面初始化区块具有关联关系的网络数据部分，渲染所述目标页面初始化区块。
优选地，所述页面加载方法，进一步包括：将所述当前页面缓存到预设的已访问页面集合；
在所述生成页面加载请求以及与所述页面加载请求对应的初始化信息之后，进一步包括：
判断所述已访问页面集合中是否存在与所述页面加载请求和所述初始化信息相匹配的目标页面，
如果是，则加载所述目标页面；
否则，执行所述通过第一线程发送所述页面加载请求给服务端，并通过第二线程发送所述初始化信息给所述服务端的步骤。
优选地，在将所述当前页面存储或缓存到预设的已访问页面集合之后，进一步包括：
监控所述已访问页面集合包括的已访问页面的缓存时长；
当所述已访问页面集合出现缓存时长达到预设的第一时长阈值的目标已访问页面时，删除所述目标已访问页面。
优选地，所述页面加载方法，进一步包括：为每一个所述预加载任务维护有对应的任务特征标识，并为每一个所述页面初始化区块维护有对应的区块特征标识；
所述生成页面加载请求以及与所述页面加载请求对应的初始化信息，包括：
确定待加载页面对应的多个预加载任务的目标任务特征标识以及所述待加载页面对应的多个页面初始化区块的目标区块特征标识；
将多个所述目标任务特征标识封装为页面加载请求，并将多个所述目标区块特征标识封装为初始化信息。
第二方面，本发明实施例提供一种客户端，包括：生成单元、传输单元以及页面处理单元，其中，
所述生成单元，用于响应于接收到页面加载触发，生成页面加载请求以及与所述页面加载请求对应的初始化信息；
所述传输单元，用于通过第一线程发送所述生成单元生成的所述页面加载请求给服务端，并通过第二线程发送所述生成单元生成的所述初始化信息给所述服务端；并通过所述第一线程接收服务端发送的所述页面加载请求对应的网络数据，且通过所述第二线程接收所述初始化信息对应的页面初始化架构；
所述页面处理单元，用于利用所述网络数据，渲染所述页面初始化架构。
优选地，所述客户端，进一步包括：维护单元，其中，
所述维护单元，用于为页面维护有多个预加载任务，并维护有多个页面初始化区块以及所述多个页面初始化区块与所述多个预加载任务之间的关联关系，其中，每一个所述页面初始化区块为所述页面初始化架构的一部分；
所述页面处理单元，用于当所述第一线程接收到任意一个或多个所述预加载任务的网络数据部分，且所述第二线程接收到任意一个或多个所述页面初始化区块，利用所述网络数据部分，渲染与所述网络数据部分具有关联关系的页面初始化区块。
优选地，
当所述页面加载触发指示从当前页面切换到下一页面时，
所述页面处理单元，进一步用于判断所述下一页面是否存在从所述当前页面继承的目标页面初始化区块，如果是，则直接继承所述目标页面初始化区块，并利用与所述目标页面初始化区块具有关联关系的网络数据部分，渲染所述目标页面初始化区块。
上述发明中的一个实施例具有如下优点或有益效果：由于通过第一线程发送页面加载请求给服务端，并通过第二线程发送初始化信息给服务端，而第一线程和第二线程可独立执行传输任务，互不影响，即第一线程接收服务端发送的页面加载请求对应的网络数据，第二线程接收到初始化信息对应的页面初始化架构，则页面加载的总时长则为第一线程接收服务端发送的页面加载请求对应的网络数据的时长，与第二线程接收到初始化信息对应的页面初始化架构的时长中，较长时间长加上利用网络数据渲染页面初始化架构的时长，由于网络数据与页面初始化架构可以同时传输，从而能够有效地缩短页面加载时间。
上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。
附图说明
附图用于更好地理解本发明，不构成对本发明的不当限定。其中：
图1是根据本发明实施例的页面加载方法的主要流程的示意图；
图2是根据本发明另一实施例的页面加载方法的主要流程的示意图；
图3是根据本发明又一实施例的页面加载方法的主要流程的示意图；
图4是根据本发明实施例的生成页面加载请求和初始化信息的主要流程的示意图；
图5是根据本发明实施例的客户端的主要单元的示意图；
图6是本发明实施例可以应用于其中的示例性系统架构图；
图7是适于用来实现本发明实施例的终端设备的计算机系统的结构示意图。
具体实施方式
以下结合附图对本发明的示范性实施例做出说明，其中包括本发明实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本发明的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。
图1是根据本发明实施例的页面加载方法。如图1所示，该页面加载方法可包括如下步骤：
101：响应于页面加载的触发，生成页面加载请求以及与页面加载请求对应的初始化信息；
102：通过第一线程发送页面加载请求给服务端，并通过第二线程发送初始化信息给服务端；
103：当第一线程接收到服务端发送的页面加载请求对应的网络数据，且第二线程接收到初始化信息对应的页面初始化架构，则利用网络数据，渲染页面初始化架构。
其中，初始化信息是指，页面架构相关的信息，比如页面中控件结构信息、控件位置信息、页面中各个区域的划分位置信息、各个区域的架构信息等，以根据这些信息获取相应地的控件、各区域的架构等构成页面初始化架构。
网络数据是指，来源于服务端的用于填补页面初始化架构的文本、图片等数据。
其中，可以预先设置出第一线程和第二线程的功能或用途，以使第一线程能够发送页面加载请求给服务端，也能够接收服务端发送的页面加载请求对应的网络数据；以使第二线程能够发送初始化信息给服务端，也能够接收服务端发送的初始化信息对应的页面初始化架构。
其中，页面加载的触发是指接收到外部针对页面或应用的点击或者接收到特定手势等。比如，可以为用户点击应用启动实现页面加载的触发，也可以为用户通过特定手势指示应用启动实现页面加载的触发，还可以为用户点击应用中的控件或者超级链接以进入下一页实现页面加载的触发等。
其中，第一线程和第二线程之间是互相独立的，使得页面加载请求与初始化信息发送的过程可以同步进行，而第一线程接收服务端发送的页面加载请求对应的网络数据的过程以及第二线程接收初始化信息对应的页面初始化架构的过程可同步进行，那么，第一线程接收到服务端发送的页面加载请求对应的网络数据且第二线程接收到初始化信息对应的页面初始化架构的总时长可为max(t1，t2)，即t1与t2中最大的值；其中，t1表征从生成页面加载请求以及与所述页面加载请求对应的初始化信息到第一线程接收到服务端发送的页面加载请求对应的网络数据所需的时长，t2表征从生成页面加载请求以及与页面加载请求对应的初始化信息到第二线程接收到初始化信息对应的页面初始化架构所需的时长。那么，页面加载所需的总时长即为max(t1，t2)+t3，其中，t3表征利用网络数据渲染页面初始化架构所需的时长。
因此，在图1所示的实施例中，由于通过第一线程发送页面加载请求给服务端，并通过第二线程发送初始化信息给服务端，而第一线程和第二线程可独立执行传输任务，互不影响，即第一线程接收服务端发送的页面加载请求对应的网络数据，第二线程接收到初始化信息对应的页面初始化架构，则页面加载的总时长则为第一线程接收服务端发送的页面加载请求对应的网络数据的时长，与第二线程接收到初始化信息对应的页面初始化架构的时长中，较长时间长加上利用网络数据渲染页面初始化架构的时长，由于网络数据与页面初始化架构可以同时传输，从而能够有效地缩短页面加载时间。
值得说明的是，上述页面加载方法可为第一线程和第二线程提供线程类接口(Iworker)，以通过该线程类接口(Iworker)提供页面加载的刷新方法并返回是否刷新成功状态、数据加载方法并返回是否加载成功状态。
值得说明的是，第二线程可以为主线程，第一线程可以为第二现成的子线程，另外，主线程还可以直接初始化所述初始化信息对应的页面架构，当初始化失败后，再通过第二线程发送初始化信息给服务端，以能够优先获取本地存储的页面架构，在本地未存储时，才从服务端获取，能够进一步提高页面加载效率。
另外，可对第一线程和第二线程进行监听，以及时获取第一线程和第二线程处理于的状态，比如，通过监听及时获知第一线程是否接收到服务端发送的页面加载请求对应的网络数据以及第二线程是否接收到初始化信息对应的页面初始化架构。
在本发明一个实施例中，上述页面加载方法可进一步包括：当第一线程接收到服务端发送的页面加载请求对应的网络数据，第二线程未接收到初始化信息对应的页面初始化架构时，则存储或缓存网络数据；当第二线程接收到初始化信息对应的页面初始化架构时，利用存储或缓存的网络数据，渲染页面初始化架构。即接收到网络数据的时间早于接收到页面初始化架构时，先对该网络数据进行存储或缓存以等待页面初始化架构，能够有效地保证页面加载的准确性。
在本发明一个实施例中，上述页面加载方法可进一步包括：为页面维护有多个预加载任务，并维护有多个页面初始化区块以及多个页面初始化区块与多个预加载任务之间的关联关系，其中，每一个页面初始化区块为页面初始化架构的一部分；相应地，
第一线程接收到服务端发送的页面加载请求对应的网络数据，包括：第一线程接收到任意一个或多个预加载任务的网络数据部分；
第二线程接收到初始化信息对应的页面初始化架构，包括：第二线程接收到任意一个或多个页面初始化区块；
渲染页面初始化架构，包括：利用网络数据部分，渲染与网络数据部分具有关联关系的页面初始化区块。
其中，网络数据部分是指，网页加载所需的所有网络数据的一部分，一个网络数据部分对应一个页面初始化区块，可用来渲染一个页面初始化区块。
通过上述过程实现了将网页切分成多个页面初始化区块以及多个网络数据部分，解除了各个网络数据部分之间、各个页面初始化区块之间的耦合性，使各网络数据部分可按照一定的队列如先到先传输，通过第一线程中传输，各个页面初始化区块可在第二线程中传输。
另外，通过上述过程可以一个页面初始化区块一个页面初始化区块渲染，而无需等到网络数据全部接收完成才进行渲染，可有效地缩短渲染的时间，从而有效地提高页面加载效率，降低空白页出现概率。
另外，与传输整个页面的网络数据和整个页面的页面初始化架构相比，甚至与传输多个页面的网络数据和多个页面的页面初始化架构相比，上述网络数据部分的大小明显比整个页面的网络数据或者多个页面的网络数据小，上述页面初始化区块的大小明显比整个页面的页面初始化架构或者多个页面的页面初始化架构小，则通过各网络数据部分以及各个页面初始化区块方式传输，能够有效地降低网络开销以及对所在设备的资源的消耗，从而有效地提高传输效率，即能够缩短上述t1和t2，从而进一步缩短了页面加载时间。
在本发明一个实施例中，如图2所示，页面加载方法可进一步包括：
201：当页面加载触发指示从当前页面切换到下一页面时，判断下一页面是否存在从当前页面继承的目标页面初始化区块，如果是，则执行步骤202；否则，执行步骤204；
202：直接继承目标页面初始化区块，并利用与目标页面初始化区块具有关联关系的网络数据部分，渲染目标页面初始化区块；
203：为下一页面生成页面加载请求以及为下一页面中的其他页面初始化区块生成对应的初始化信息，并结束当前流程；
204：执行生成页面加载请求以及与页面加载请求对应的初始化信息的步骤。
其中，从当前页面切换到下一页面可以为在购物应用程序或者客户端中，进入购物应用程序的首页之后，用户点击或触摸任意一个控件按钮或超级链接(如提交订单的控件、家用电器链接、通过图片建立的超级链接等)，即为购物应用程序或者客户端接收到页面加载触发指示的从当前页面切换到下一页面。比如有一个页面初始化区块为固定的物品种类列表展示区域，而该物品种类列表展示区域所展示的数据有所差异，则下一页面对应的物品种类列表展示区域可直接继承当前页面对应的物品种类列表展示区域，而下一页面对应的物品种类列表展示区域中的网络数据则需要从服务端获取。
值得说明的是，在上述步骤203之后以为下一页面生成页面加载请求以及为下一页面中的其他页面初始化区块生成对应的初始化信息为基础，继续执行第一线程接收到任意一个或多个预加载任务的网络数据部分；第二线程接收到任意一个或多个页面初始化区块以及利用网络数据部分，渲染与网络数据部分具有关联关系的页面初始化区块。
通过上述过程实现了对页面初始化区块进行继承，避免重复从服务端获取，能够进一步缩短页面初始化区块初始化的时长。
在本发明一个实施例中，如图3所示，上述页面加载方法，可进一步包括如下步骤：
301：将当前页面缓存到预设的已访问页面集合；
302：判断已访问页面集合中是否存在与页面加载请求和初始化信息相匹配的目标页面，如果是，则执行步骤303；否则，执行步骤304；
303：加载目标页面，并结束当前流程；
304：执行通过第一线程发送页面加载请求给服务端，并通过第二线程发送初始化信息给服务端的步骤。
对于已经访问过的页面可进行缓存或存储，在加载已经访问过的页面时，可以直接从存储或缓存的已访问页面集合中加载，能够有效地提高页面加载效率。
在本发明一个实施例中，在将当前页面存储或缓存到预设的已访问页面集合之后可进一步包括：监控已访问页面集合包括的已访问页面的缓存时长；当已访问页面集合出现缓存时长达到预设的第一时长阈值的目标已访问页面时，删除目标已访问页面。
通过上述过程可避免已访问页面过度占用设备内存或存储，以有效的提高执行页面加载方法的设备的运行效率，从而有效地提高页面加载效率。
第一时长阈值可以根据用户需求或者实现页面加载方法的设备进行设定的，比如，已访问页面集合包括的已访问页面的缓存时长一般不超过24h。
在本发明一个实施例中，如图4所示，该页面加载方法可进一步包括：
401：为每一个预加载任务维护有对应的任务特征标识，并为每一个页面初始化区块维护有对应的区块特征标识；
402：确定待加载页面对应的多个预加载任务的目标任务特征标识以及待加载页面对应的多个页面初始化区块的目标区块特征标识；
403：将多个目标任务特征标识封装为页面加载请求，并将多个目标区块特征标识封装为初始化信息。
该任务特征标识可以包括有所对应的页面的特征标识、在该对应的页面中预加载任务的ID，其结构可为“页面的特征标识-预加载任务的ID”，以通过该任务特征标识能够清楚地表达其所对应的页面以及在该页面中的预加载任务。相应地，页面初始化区块的区块特征标识由页面初始化区块所对应的页面的特征标识以及该页面初始化区块在所对应的页面中的相对位置转换得到，即可以为页面建立相应的坐标系，确定各个页面初始化区块中心点坐标，以页面初始化区块所对应的页面的特征标识以及该中心点坐标组合作为该页面初始化区块的特征标识。
通过将多个目标任务特征标识封装为页面加载请求，并将多个目标区块特征标识封装为初始化信息，使得页面加载请求和初始化信息能够比较清楚准确的表达页面加载的目标。
上述各个实施例可以应用于android应用程序中。
另外，针对android应用程序，可通过自定义Runnable实现上述线程类接口(Iworker)。
另外，针对android应用程序，可通过设置数据状态抽象类(StateBa se)，该数据状态抽象类(StateBase)内部持有上述自定义Runnable类实例，可暴露刷新数据，实现监听数据。
另外，针对android应用程序，通过数据状态实现类实现对数据状态的监控。该数据状态实现类包括数据请求中状态类(StateLoading)，数据返回完成状态(StateDone)，数据被销毁状态(StateDestroyed)，数据正在被监听中状态(StateListening)。
另外，针对android应用程序，可通过单例线程池类维护预加载任务的任务特征标识，支持设置多个预加载任务。使每个预加载任务对应一个唯一任务特征标识。同时支持提供监听数据状态，刷新数据渲染，及资源释放功能。
另外，通过数据请求及管理回调类(功能核心类)对线程池类各方法操作进行封装。
如图5所示，本发明实施例提供一种客户端500，该客户端500包括：生成单元501、传输单元502以及页面处理单元503，其中，
生成单元501，用于响应于接收到页面加载触发，生成页面加载请求以及与页面加载请求对应的初始化信息；
传输单元502，用于通过第一线程发送生成单元501生成的所述页面加载请求给服务端，并通过第二线程发送生成单元501生成的所述初始化信息给服务端；并通过第一线程接收服务端发送的所述页面加载请求对应的网络数据，且通过第二线程接收所述初始化信息对应的页面初始化架构；
页面处理单元503，用于当传输单元502通过第一线程接收到服务端发送的页面加载请求对应的网络数据，且通过第二线程接收到初始化信息对应的页面初始化架构，则利用网络数据，渲染页面初始化架构。
在本发明一个实施例中，页面处理单元503，进一步用于当第一线程接收到服务端发送的页面加载请求对应的网络数据，第二线程未接收到初始化信息对应的页面初始化架构时，则存储或缓存网络数据；当第二线程接收到初始化信息对应的页面初始化架构时，利用存储或缓存的网络数据，渲染页面初始化架构。
在本发明一个实施例中，如图5所示，上述客户端500进一步包括：维护单元504，其中，
维护单元504，用于为页面维护有多个预加载任务，并维护有多个页面初始化区块以及多个页面初始化区块与多个预加载任务之间的关联关系，其中，每一个页面初始化区块为页面初始化架构的一部分；
页面处理单元503，用于当第一线程接收到任意一个或多个预加载任务的网络数据部分，且第二线程接收到任意一个或多个页面初始化区块，利用网络数据部分，渲染与网络数据部分具有关联关系的页面初始化区块。
在本发明一个实施例中，当页面加载触发指示从当前页面切换到下一页面时，
页面处理单元，进一步用于判断下一页面是否存在从当前页面继承的目标页面初始化区块，如果是，则直接继承目标页面初始化区块，并利用与目标页面初始化区块具有关联关系的网络数据部分，渲染目标页面初始化区块。
在本发明一个实施例中，页面处理单元503，进一步用于将当前页面缓存到预设的已访问页面集合；
页面处理单元503，进一步用于判断已访问页面集合中是否存在与页面加载请求和初始化信息相匹配的目标页面，如果是，则加载目标页面；否则，触发传输单元502；
传输单元502，进一步用于在接收到页面处理单元503的触发时，执行通过第一线程发送页面加载请求给服务端，并通过第二线程发送初始化信息给服务端的步骤。
在本发明一个实施例中，传输单元502，进一步用于监控已访问页面集合包括的已访问页面的缓存时长；
页面处理单元503，进一步用于当已访问页面集合出现缓存时长达到预设的第一时长阈值的目标已访问页面时，删除目标已访问页面。
在本发明一个实施例中，维护单元504，进一步用于为每一个预加载任务维护有对应的任务特征标识，并为每一个页面初始化区块维护有对应的区块特征标识；
生成单元501，用于确定待加载页面对应的多个预加载任务的目标任务特征标识以及待加载页面对应的多个页面初始化区块的目标区块特征标识；将多个目标任务特征标识封装为页面加载请求，并将多个目标区块特征标识封装为初始化信息。
图6示出了可以应用本发明实施例的页面加载方法或实现页面加载方法的客户端的示例性系统架构600。
如图6所示，系统架构600可以包括终端设备601、602、603，网络604和服务器605。网络604用以在终端设备601、602、603和服务器605之间提供通信链路的介质。网络604可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备601、602、603通过网络604与服务器605交互，以接收或发送消息等。终端设备601、602、603上可以安装有各种通讯客户端应用，例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等(仅为示例)。
终端设备601、602、603可以是具有显示屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。
服务器605可以是提供各种服务的服务器，例如对用户利用终端设备601、602、603所浏览的购物类网站提供支持的后台管理服务器(仅为示例)。后台管理服务器可以对接收到的页面加载请求以及与页面加载请求对应的初始化信息等数据进行分析等处理，并将处理结果(例如网络数据、页面初始化架构--仅为示例)反馈给终端设备。
需要说明的是，本发明实施例所提供的页面加载方法一般由终端设备601、602、603执行，相应地，实现页面加载方法的客户端一般设置于终端设备601、602、603中。
应该理解，图6中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。
下面参考图7，其示出了适于用来实现本发明实施例的终端设备的计算机系统700的结构示意图。图7示出的终端设备仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。
如图7所示，计算机系统700包括中央处理单元(CPU)701，其可以根据存储在只读存储器(ROM)702中的程序或者从存储部分708加载到随机访问存储器(RAM)703中的程序而执行各种适当的动作和处理。在RAM 703中，还存储有系统700操作所需的各种程序和数据。CPU 701、ROM 702以及RAM 703通过总线704彼此相连。输入/输出(I/O)接口705也连接至总线704。
以下部件连接至I/O接口705：包括键盘、鼠标等的输入部分706；包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分707；包括硬盘等的存储部分708；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分709。通信部分709经由诸如因特网的网络执行通信处理。驱动器710也根据需要连接至I/O接口705。可拆卸介质711，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器710上，以便于从其上读出的计算机程序根据需要被安装入存储部分708。
特别地，根据本发明公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本发明公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分709从网络上被下载和安装，和/或从可拆卸介质711被安装。在该计算机程序被中央处理单元(CPU)701执行时，执行本发明的系统中限定的上述功能。
需要说明的是，本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本发明中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF等等，或者上述的任意合适的组合。
附图中的流程图和框图，图示了按照本发明各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
描述于本发明实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中，例如，可以描述为：一种处理器包括生成单元、传输单元以及页面处理单元。其中，这些单元的名称在某种情况下并不构成对该单元本身的限定，例如，生成单元还可以被描述为“响应于接收到页面加载触发，生成页面加载请求以及与所述页面加载请求对应的初始化信息”。
作为另一方面，本发明还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的设备中所包含的；也可以是单独存在，而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该设备包括：响应于接收到页面加载触发，生成页面加载请求以及与页面加载请求对应的初始化信息；通过第一线程发送页面加载请求给服务端，并通过第二线程发送初始化信息给服务端；当第一线程接收到服务端发送的页面加载请求对应的网络数据，且第二线程接收到初始化信息对应的页面初始化架构，则利用网络数据，渲染页面初始化架构。
上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该设备包括：当第一线程接收到服务端发送的页面加载请求对应的网络数据，第二线程未接收到初始化信息对应的页面初始化架构时，则存储或缓存网络数据；当第二线程接收到初始化信息对应的页面初始化架构时，利用存储或缓存的网络数据，渲染页面初始化架构。
上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该设备包括：为页面维护有多个预加载任务，并维护有多个页面初始化区块以及多个页面初始化区块与多个预加载任务之间的关联关系，其中，每一个页面初始化区块为页面初始化架构的一部分；第一线程接收到任意一个或多个预加载任务的网络数据部分；第二线程接收到任意一个或多个页面初始化区块；利用网络数据部分，渲染与网络数据部分具有关联关系的页面初始化区块。
上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该设备包括：将当前页面缓存到预设的已访问页面集合；判断已访问页面集合中是否存在与页面加载请求和初始化信息相匹配的目标页面，如果是，则加载目标页面；否则，执行通过第一线程发送页面加载请求给服务端，并通过第二线程发送初始化信息给服务端的步骤。
上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该设备包括：监控已访问页面集合包括的已访问页面的缓存时长；当已访问页面集合出现缓存时长达到预设的第一时长阈值的目标已访问页面时，删除目标已访问页面。
根据本发明实施例的技术方案，由于通过第一线程发送页面加载请求给服务端，并通过第二线程发送初始化信息给服务端，而第一线程和第二线程可独立执行传输任务，互不影响，即第一线程接收服务端发送的页面加载请求对应的网络数据，第二线程接收到初始化信息对应的页面初始化架构，则页面加载的总时长则为第一线程接收服务端发送的页面加载请求对应的网络数据的时长，与第二线程接收到初始化信息对应的页面初始化架构的时长中，较长时间长加上利用网络数据渲染页面初始化架构的时长，由于网络数据与页面初始化架构可以同时传输，从而能够有效地缩短页面加载时间。
上述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，取决于设计要求和其他因素，可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。
Claims (12)
1.一种页面加载方法，其特征在于，包括：
响应于页面加载的触发，生成页面加载请求以及与所述页面加载请求对应的初始化信息；
通过第一线程发送所述页面加载请求给服务端，并通过第二线程发送所述初始化信息给所述服务端；
当所述第一线程接收到服务端发送的所述页面加载请求对应的网络数据，且所述第二线程接收到所述初始化信息对应的页面初始化架构，则利用所述网络数据，渲染所述页面初始化架构。
2.根据权利要求1所述页面加载方法，其特征在于，进一步包括：
当所述第一线程接收到服务端发送的所述页面加载请求对应的网络数据，所述第二线程未接收到所述初始化信息对应的页面初始化架构时，则存储或缓存所述网络数据；
当所述第二线程接收到所述初始化信息对应的页面初始化架构时，利用存储或缓存的所述网络数据，渲染所述页面初始化架构。
3.根据权利要求1或2所述页面加载方法，其特征在于，
进一步包括：为页面维护有多个预加载任务，并维护有多个页面初始化区块以及所述多个页面初始化区块与所述多个预加载任务之间的关联关系，其中，每一个所述页面初始化区块为所述页面初始化架构的一部分；
所述第一线程接收到服务端发送的所述页面加载请求对应的网络数据，包括：所述第一线程接收到任意一个或多个所述预加载任务的网络数据部分；
所述第二线程接收到所述初始化信息对应的页面初始化架构，包括：所述第二线程接收到任意一个或多个所述页面初始化区块；
渲染所述页面初始化架构，包括：利用所述网络数据部分，渲染与所述网络数据部分具有关联关系的页面初始化区块。
4.根据权利要求3所述页面加载方法，其特征在于，进一步包括：
当所述页面加载触发指示从当前页面切换到下一页面时，
判断所述下一页面是否存在从所述当前页面继承的目标页面初始化区块，如果是，则直接继承所述目标页面初始化区块，并利用的与所述目标页面初始化区块具有关联关系的网络数据部分，渲染所述目标页面初始化区块。
5.根据权利要求4所述页面加载方法，其特征在于，
进一步包括：将所述当前页面缓存到预设的已访问页面集合；
在所述生成页面加载请求以及与所述页面加载请求对应的初始化信息之后，进一步包括：
判断所述已访问页面集合中是否存在与所述页面加载请求和所述初始化信息相匹配的目标页面，
如果是，则加载所述目标页面；
否则，执行所述通过第一线程发送所述页面加载请求给服务端，并通过第二线程发送所述初始化信息给所述服务端的步骤。
6.根据权利要求4所述页面加载方法，其特征在于，在将所述当前页面存储或缓存到预设的已访问页面集合之后，进一步包括：
监控所述已访问页面集合包括的已访问页面的缓存时长；
当所述已访问页面集合出现缓存时长达到预设的第一时长阈值的目标已访问页面时，删除所述目标已访问页面。
7.根据权利要求3所述页面加载方法，其特征在于，
进一步包括：为每一个所述预加载任务维护有对应的任务特征标识，并为每一个所述页面初始化区块维护有对应的区块特征标识；
所述生成页面加载请求以及与所述页面加载请求对应的初始化信息，包括：
确定待加载页面对应的多个预加载任务的目标任务特征标识以及所述待加载页面对应的多个页面初始化区块的目标区块特征标识；
将多个所述目标任务特征标识封装为页面加载请求，并将多个所述目标区块特征标识封装为初始化信息。
8.一种客户端，其特征在于，包括：生成单元、传输单元以及页面处理单元，其中，
所述生成单元，用于响应于接收到页面加载触发，生成页面加载请求以及与所述页面加载请求对应的初始化信息；
所述传输单元，用于通过第一线程发送所述生成单元生成的所述页面加载请求给服务端，并通过第二线程发送所述生成单元生成的所述初始化信息给所述服务端；并通过所述第一线程接收服务端发送的所述页面加载请求对应的网络数据，且通过所述第二线程接收所述初始化信息对应的页面初始化架构；
所述页面处理单元，用于利用所述网络数据，渲染所述页面初始化架构。
9.根据权利要求8所述客户端，其特征在于，进一步包括：维护单元，其中，
所述维护单元，用于为页面维护有多个预加载任务，并维护有多个页面初始化区块以及所述多个页面初始化区块与所述多个预加载任务之间的关联关系，其中，每一个所述页面初始化区块为所述页面初始化架构的一部分；
所述页面处理单元，用于当所述第一线程接收到任意一个或多个所述预加载任务的网络数据部分，且所述第二线程接收到任意一个或多个所述页面初始化区块，利用所述网络数据部分，渲染与所述网络数据部分具有关联关系的页面初始化区块。
10.根据权利要求9所述客户端，其特征在于，
当所述页面加载触发指示从当前页面切换到下一页面时，
所述页面处理单元，进一步用于判断所述下一页面是否存在从所述当前页面继承的目标页面初始化区块，如果是，则直接继承所述目标页面初始化区块，并利用与所述目标页面初始化区块具有关联关系的网络数据部分，渲染所述目标页面初始化区块。
11.一种页面加载电子设备，其特征在于，包括：
一个或多个处理器；
存储装置，用于存储一个或多个程序，
当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-7中任一所述的方法。
12.一种计算机可读介质，其上存储有计算机程序，其特征在于，所述程序被处理器执行时实现如权利要求1-7中任一所述的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010230682.0A CN113452738A (zh) | 2020-03-27 | 2020-03-27 | 页面加载方法和客户端 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010230682.0A CN113452738A (zh) | 2020-03-27 | 2020-03-27 | 页面加载方法和客户端 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN113452738A true CN113452738A (zh) | 2021-09-28 |
Family
ID=77807905
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010230682.0A Pending CN113452738A (zh) | 2020-03-27 | 2020-03-27 | 页面加载方法和客户端 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113452738A (zh) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114896013A (zh) * | 2022-05-12 | 2022-08-12 | 北京达佳互联信息技术有限公司 | 页面加载时长确定方法、装置、电子设备及存储介质 |
Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CA2280284A1 (en) * | 1999-08-12 | 2001-02-12 | Kevin Alexander Stoodley | Access frontier for demand loading in object-oriented databases |
| US20080184006A1 (en) * | 2007-01-29 | 2008-07-31 | Min-Soo Moon | Method and System for Preloading Page Using Control Flow |
| CN103118081A (zh) * | 2013-01-18 | 2013-05-22 | 北京奇虎科技有限公司 | 预加载浏览器中浏览页面的服务器、客户端、系统和方法 |
| US20150350370A1 (en) * | 2014-06-03 | 2015-12-03 | Viasat, Inc. | Server-machine-driven hint generation for improved web page loading using client-machine-driven feedback |
| CN108520031A (zh) * | 2018-03-27 | 2018-09-11 | 广东能龙教育股份有限公司 | 一种提升加载网页速度的方法 |
| CN109582890A (zh) * | 2018-10-25 | 2019-04-05 | 平安科技（深圳）有限公司 | 页面加载方法、装置、计算机设备及存储介质 |
| CN109857960A (zh) * | 2019-01-14 | 2019-06-07 | 厦门美柚信息科技有限公司 | 一种页面数据更新的方法、设备、系统及其存储介质 |
| CN110569078A (zh) * | 2018-05-18 | 2019-12-13 | 广州腾讯科技有限公司 | 一种网页级程序的预加载方法和装置 |
| CN110727478A (zh) * | 2019-10-16 | 2020-01-24 | 腾讯科技（深圳）有限公司 | 一种基于混合模式渲染页面的方法、装置、设备及介质 |
| CN110851756A (zh) * | 2019-10-12 | 2020-02-28 | 平安普惠企业管理有限公司 | 页面加载方法、装置、计算机可读存储介质及终端设备 |
-
2020
- 2020-03-27 CN CN202010230682.0A patent/CN113452738A/zh active Pending
Patent Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CA2280284A1 (en) * | 1999-08-12 | 2001-02-12 | Kevin Alexander Stoodley | Access frontier for demand loading in object-oriented databases |
| US20080184006A1 (en) * | 2007-01-29 | 2008-07-31 | Min-Soo Moon | Method and System for Preloading Page Using Control Flow |
| CN103118081A (zh) * | 2013-01-18 | 2013-05-22 | 北京奇虎科技有限公司 | 预加载浏览器中浏览页面的服务器、客户端、系统和方法 |
| US20150350370A1 (en) * | 2014-06-03 | 2015-12-03 | Viasat, Inc. | Server-machine-driven hint generation for improved web page loading using client-machine-driven feedback |
| CN108520031A (zh) * | 2018-03-27 | 2018-09-11 | 广东能龙教育股份有限公司 | 一种提升加载网页速度的方法 |
| CN110569078A (zh) * | 2018-05-18 | 2019-12-13 | 广州腾讯科技有限公司 | 一种网页级程序的预加载方法和装置 |
| CN109582890A (zh) * | 2018-10-25 | 2019-04-05 | 平安科技（深圳）有限公司 | 页面加载方法、装置、计算机设备及存储介质 |
| CN109857960A (zh) * | 2019-01-14 | 2019-06-07 | 厦门美柚信息科技有限公司 | 一种页面数据更新的方法、设备、系统及其存储介质 |
| CN110851756A (zh) * | 2019-10-12 | 2020-02-28 | 平安普惠企业管理有限公司 | 页面加载方法、装置、计算机可读存储介质及终端设备 |
| CN110727478A (zh) * | 2019-10-16 | 2020-01-24 | 腾讯科技（深圳）有限公司 | 一种基于混合模式渲染页面的方法、装置、设备及介质 |
Non-Patent Citations (1)
| Title |
|---|
| 闫兴亚;潘治颖;黄姝琦;: "首屏数据并行式预加载方案的研究与应用", 计算机与数字工程, no. 05, 20 May 2019 (2019-05-20) * |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114896013A (zh) * | 2022-05-12 | 2022-08-12 | 北京达佳互联信息技术有限公司 | 页面加载时长确定方法、装置、电子设备及存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10635735B2 (en) | Method and apparatus for displaying information | |
| CN110708346B (zh) | 信息处理系统和方法 | |
| CN109683998B (zh) | 国际化实现方法、装置和系统 | |
| CN111158799A (zh) | 一种页面渲染方法、装置、电子设备及存储介质 | |
| CN110473036B (zh) | 一种生成订单号的方法和装置 | |
| CN111225010A (zh) | 数据处理方法、数据处理系统以及装置 | |
| CN110007936B (zh) | 数据处理方法和装置 | |
| CN110502699B (zh) | 用于获取信息的方法和装置 | |
| CN111478781B (zh) | 一种消息广播的方法和装置 | |
| CN115470432A (zh) | 一种页面渲染方法、装置、电子设备及计算机可读介质 | |
| CN115309470B (zh) | 微件的加载方法、装置、设备以及存储介质 | |
| CN114528517A (zh) | 一种视图处理方法、装置、电子设备及计算机可读介质 | |
| CN112947918A (zh) | 数据展示方法和装置 | |
| US11438403B2 (en) | Page presentation method and system, computer system, and computer readable medium | |
| CN110647327A (zh) | 基于卡片的用户界面动态控制的方法和装置 | |
| CN113760438A (zh) | 网页应用的页面显示方法及装置 | |
| CN113452738A (zh) | 页面加载方法和客户端 | |
| CN113778270A (zh) | 一种拖动图标的方法和装置 | |
| CN109213815B (zh) | 控制执行次数的方法、装置、服务器终端以及可读介质 | |
| CN112131095A (zh) | 压力测试方法和装置 | |
| CN113127783B (zh) | 页面显示方法及装置、设备和介质 | |
| CN113779122B (zh) | 导出数据的方法和装置 | |
| CN113515328B (zh) | 页面渲染的方法、装置、电子设备和存储介质 | |
| CN113760487A (zh) | 一种业务处理方法和装置 | |
| CN113760274A (zh) | 一种前端组件逻辑注入方法和装置 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |