CN111639289A - 一种网页加载方法及装置 - Google Patents
一种网页加载方法及装置 Download PDFInfo
- Publication number
- CN111639289A CN111639289A CN202010404469.7A CN202010404469A CN111639289A CN 111639289 A CN111639289 A CN 111639289A CN 202010404469 A CN202010404469 A CN 202010404469A CN 111639289 A CN111639289 A CN 111639289A
- Authority
- CN
- China
- Prior art keywords
- component
- loading
- resource
- asynchronous
- terminal
- 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.)
- Granted
Links
- 238000011068 loading method Methods 0.000 title claims abstract description 345
- 238000000034 method Methods 0.000 claims description 51
- 230000006399 behavior Effects 0.000 claims description 42
- 238000009877 rendering Methods 0.000 claims description 23
- 238000004590 computer program Methods 0.000 claims description 19
- 230000036316 preload Effects 0.000 claims description 10
- 230000008569 process Effects 0.000 description 21
- 238000010586 diagram Methods 0.000 description 19
- 230000006870 function Effects 0.000 description 10
- 230000006872 improvement Effects 0.000 description 9
- 238000005516 engineering process Methods 0.000 description 6
- 238000012545 processing Methods 0.000 description 6
- 230000003287 optical effect Effects 0.000 description 3
- 238000004891 communication Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004075 alteration Effects 0.000 description 1
- 238000004458 analytical method Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 230000009191 jumping Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000005055 memory storage Effects 0.000 description 1
- 229920001296 polysiloxane Polymers 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 230000001360 synchronised effect Effects 0.000 description 1
- 238000012549 training Methods 0.000 description 1
- 239000002699 waste material Substances 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- 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
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Databases & Information Systems (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本说明书公开了一种网页加载方法及装置,服务器可先接收终端发送的网页加载请求,并向该终端返回对应网页的首屏资源,使该终端根据该首屏资源进行渲染,之后再接收该终端发送的组件预加载请求,并根据该组件预加载请求,向该终端返回该网页中各异步组件的加载批次,然后分别接收该终端发送的各组件获取请求,以向该终端返回各组件资源,使该终端根据各异步组件的加载批次,对各组件资源进行加载。通过分开加载网页中的首屏资源以及非首屏中各异步组件的组件资源,使网页首屏展示后,自动预加载非首屏资源,缩短了用户等待网页加载的时间,提高了用户体验以及网页加载效率。
Description
技术领域
本申请涉及互联网技术领域,尤其涉及一种网页加载方法及装置。
背景技术
目前,用户访问网页时,终端通常会加载该网页的整体网页资源,包括主体框架资源以及各页面组件资源,并根据该整体网页资源进行渲染展示。但是,终端加载整体网页资源需要较长的加载时间,影响该网页的展示速度,使得用户的等待时间较长,用户体验较差。
现有技术中,为了缩短用户等待时间,提高用户体验,终端可先加载该网页的首屏资源,并根据该首屏资源进行渲染,向用户展示该网页首屏。当用户浏览到该网页中的非首屏页面时,再懒加载该非首屏页面的页面资源,并进行渲染展示。
发明内容
本说明书实施例提供一种网页加载方法及装置,用于部分解决现有技术中网页加载速度慢,导致用户等待时间长,用户体验不佳的问题。
本说明书实施例采用下述技术方案:
本说明书提供的一种网页加载方法,包括:
接收终端发送的网页加载请求,所述网页至少由主体框架以及一个异步组件构成;
向所述终端返回网页的首屏资源,使所述终端根据所述首屏资源进行渲染,所述首屏资源至少包含所述网页的主体框架,所述主体框架中包含非首屏展示的若干异步组件的组件标识;
接收所述终端发送的组件预加载请求;
根据所述组件预加载请求,确定所述网页中各异步组件的加载批次,并返回至所述终端;
分别接收所述终端按照所述加载批次发送的携带组件标识的各组件获取请求;
针对接收到的每个组件获取请求,根据所述组件获取请求中包含的组件标识,确定该组件获取请求对应的组件资源,并返回至所述终端,使所述终端根据所述加载批次对接收到的组件资源进行加载。
可选地,所述组件预加载请求中包含用户账号标识;
根据所述组件预加载请求,确定所述网页中各异步组件的加载批次,具体包括:
根据所述组件预加载请求中的用户账号标识,从本地存储的用户历史行为数据中确定所述用户账号标识对应的用户历史行为数据;
根据确定出的用户历史行为数据,确定用户在预设时长内访问所述网页中各异步组件的次数;
根据所述用户在预设时长内访问所述网页中各异步组件的次数,确定各异步组件的加载批次。
可选地,所述组件预加载请求中包含网络状态信息,所述网络状态信息包括:网络类型以及网络速度中的至少一种;
根据所述组件预加载请求,确定所述网页中各异步组件的加载批次,具体包括:
根据所述组件预加载请求中的网络状态信息,确定各异步组件的加载批次;
其中,所述加载批次至少有一个,一个加载批次中至少包含一个异步组件。
可选地,当所述网页为多页面网页时,所述方法还包括:
接收所述终端发送的携带网络状态信息的页面预加载请求;
根据所述网络状态信息,确定需要预加载的各页面以及各页面的加载顺序,并将各页面的加载顺序返回至所述终端;
接收所述终端发送的携带页面标识的页面获取请求;
针对接收到的每个页面获取请求,根据所述页面获取请求中包含的页面标识,确定该页面获取请求对应的页面资源,并返回至所述终端,使所述终端根据各页面的加载顺序,对所述页面资源进行加载。
可选地,当所述网页为多页面网页时,所述方法还包括:
接收所述终端发送的携带用户账号标识的页面预加载请求;
根据所述用户账号标识,从本地存储的用户历史行为数据中确定所述用户账号标识对应的用户历史行为数据;
根据确定出的用户历史行为数据,确定用户在预设时长内访问各页面的次数;
根据所述用户在预设时长内访问各页面的次数,确定需要预加载的各页面以及各页面的加载顺序,并将各页面的加载顺序返回至所述终端;
接收所述终端发送的携带页面标识的页面获取请求;
针对接收到的每个页面获取请求,根据所述页面获取请求中包含的页面标识,确定该页面获取请求对应的页面资源,并返回至所述终端,使所述终端根据各页面的加载顺序,对所述页面资源进行加载。
可选地,所述服务器包括:提供首屏资源的第一子服务器,以及提供组件资源的若干第二子服务器,其中,不同第二子服务器提供的组件资源不同;
针对接收到的每个组件获取请求,根据所述组件获取请求中包含的组件标识,确定该组件获取请求对应的组件资源,并返回至所述终端,使所述终端根据所述加载批次对接收到的组件资源进行预加载,具体包括:
所述第一子服务器针对接收到的每个组件获取请求,确定该组件获取请求对应的组件资源地址;
所述第一子服务器向所述终端返回该组件获取请求对应的组件资源地址,所述组件资源地址为所述第二子服务器中资源存储的地址;
所述第二子服务器接收所述终端发送的携带组件资源地址的组件资源获取请求,并根据所述组件资源地址,确定该组件资源获取请求对应的组件资源;
向所述终端返回该组件资源获取请求对应的组件资源。
本说明书提供的另一种网页加载方法,包括:
终端向服务器发送网页加载请求,所述网页至少由主体框架以及一个异步组件构成;
接收所述服务器返回的网页的首屏资源,并根据所述首屏资源进行渲染,所述首屏资源至少包含所述网页的主体框架,所述主体框架中包含非首屏展示的若干异步组件的组件标识;
向所述服务器发送组件预加载请求;
接收所述服务器返回的所述网页中各异步组件的加载批次;
根据所述各异步组件的加载批次,分别向所述服务器发送携带组件标识的各组件获取请求;
接收所述服务器返回的各组件资源并进行加载,所述组件资源为所述服务器根据组件获取请求中包含的组件标识确定的。
可选地,根据所述各异步组件的加载批次,分别向所述服务器发送携带组件标识的各组件获取请求,具体包括:
根据所述各异步组件的加载批次,依次针对每个加载批次,确定该加载批次包含的异步组件的组件标识;
向所述服务器发送携带该加载批次中异步组件的组件标识的组件获取请求;
当接收到该加载批次中各异步组件的组件资源时,继续确定下一加载批次包含的异步组件的组件标识,并向所述服务器发送获取请求,直至接收到各加载批次中各异步组件的组件资源为止。
可选地,所述服务器包括:提供首屏资源的第一子服务器,以及提供组件资源的若干第二子服务器,其中,不同第二子服务器提供的组件资源不同;
接收所述服务器返回的所述网页中各异步组件的加载批次,具体包括:
接收所述第一子服务器返回的所述网页中各异步组件的加载批次以及各异步组件的组件资源地址;
根据所述各异步组件的加载批次,分别向所述服务器发送携带组件标识的各组件获取请求,具体包括:
根据所述各异步组件的加载批次,依次针对每个加载批次,确定该加载批次包含的异步组件的组件资源地址;
针对该加载批次包含的每个异步组件,确定提供该异步组件的组件资源的第二子服务器,并向所述第二子服务器发送携带该异步组件的组件标识以及组件资源地址的组件获取请求;
其中,所述组件资源地址为所述第二子服务器中资源存储的地址。本说明书提供一种网页加载控制装置,包括:
第一接收模块,接收终端发送的网页加载请求,所述网页至少由主体框架以及一个异步组件构成;
首屏资源返回模块,向所述终端返回所述网页的首屏资源,使所述终端根据所述首屏资源进行渲染,所述首屏资源至少包含所述网页的主体框架,所述主体框架中包含若干异步组件的组件标识;
第二接收模块,接收所述终端发送的组件预加载请求;
确定模块,根据所述组件预加载请求,确定所述网页中各异步组件的加载批次,并返回至所述终端;
第三接收模块,分别接收所述终端按照所述加载批次发送的携带组件标识的各组件获取请求;
组件资源返回模块,针对接收到的每个组件获取请求,根据所述组件获取请求中包含的组件标识,确定该组件获取请求对应的组件资源,并返回至所述终端,使所述终端根据所述加载批次对接收到的组件资源进行加载。
本说明书提供的另一种网页加载控制装置,包括:
第一发送模块,向服务器发送网页加载请求,所述网页至少由主体框架以及一个异步组件构成;
首屏资源接收模块,接收所述服务器返回的网页的首屏资源,并根据所述首屏资源进行渲染,所述首屏资源至少包含所述网页的主体框架,所述主体框架中包含非首屏展示的若干异步组件的组件标识;
第二发送模块,向所述服务器发送组件预加载请求;
加载批次接收模块,接收所述服务器返回的所述网页中各异步组件的加载批次;
第三发送模块,根据所述各异步组件的加载批次,分别向所述服务器发送携带组件标识的各组件获取请求;
组件资源接收模块,接收所述服务器返回的各组件资源并进行加载,所述组件资源为所述服务器根据组件获取请求中包含的组件标识确定的。
本说明书提供的一种计算机可读存储介质,所述存储介质存储有计算机程序,所述计算机程序被处理器执行时实现上述网页加载方法。
本说明书提供的一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现上述网页加载方法。
本说明书实施例采用的上述至少一个技术方案能够达到以下有益效果:
在网页加载的过程中,服务器可先接收终端发送的网页加载请求,并向该终端返回对应网页的首屏资源,使该终端根据该首屏资源进行渲染,之后再接收该终端发送的组件预加载请求,并根据该组件预加载请求,确定该网页中各异步组件的加载批次,并返回至该终端。再之后分别接收该终端按照该加载批次发送的携带组件标识的各组件获取请求,并向该终端返回各组件获取请求对应的组件资源,使该终端根据各异步组件的加载批次,对各组件资源进行加载。通过分开加载网页中的首屏资源以及非首屏中各异步组件的组件资源,使网页首屏展示后,自动预加载非首屏资源,缩短了用户等待网页加载的时间,提高了用户体验以及网页加载效率。
附图说明
此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
图1为本说明书实施例提供的一种网页加载流程的示意图;
图2为本说明书实施例提供的网页加载过程中多方交互的示意图;
图3为本说明书实施例提供的另一种网页加载流程的示意图;
图4为本说明书实施例提供的一种网页加载的装置的结构示意图;
图5为本说明书实施例提供的另一种网页加载的装置的结构示意图;
图6为本说明书实施例提供的实现网页加载方法的电子设备示意图。
具体实施方式
为使本说明书的目的、技术方案和优点更加清楚,下面将结合本说明书具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然,所描述的实施例仅是本申请一部分实施例,而不是全部的实施例。基于说明书中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
以下结合附图,详细说明本申请各实施例提供的技术方案。
图1为本说明书实施例提供的一种网页加载过程,具体可包括以下步骤:
S100:接收终端发送的网页加载请求。
用户通过终端访问网页时,终端可根据用户操作,向相应的服务器发送网页加载请求,以获取相应网页的页面资源,向用户展示该网页。其中,该网页可以是终端中web应用或混合应用中的页面。
在本说明书实施例中,具体的,当终端监测到用户触发获取网页的操作时,终端可根据用户的触发操作,确定用户需要访问的网页的网页地址,并根据该网页地址,确定对应的服务器,向该服务器发送网页加载请求,其中,该网页加载请求中包含需加载网页的网页地址。
S102:向所述终端返回所述网页的首屏资源,使所述终端根据所述首屏资源进行渲染。
在本说明书中,以该网页加载请求包含的网页地址对应的是包含多屏内容的长页面网页为例。由于对于长页面网页来说,首先展示给用户的是首屏中的内容,因此该服务器至少需要先向该终端返回该网页的首屏资源,以使终端根据首屏资源渲染首屏界面,并展示给用户。
并且,在本说明书中,为了使服务器可以分别发送该网页中首屏资源和非首屏资源,在本说明书中该网页开发时可基于vue、react等框架,采用组件化的方式开发该网页的代码,也就是将该网页的代码组件化,因此,在本说明书中该网页至少可由网页的主体框架以及一个异步组件构成。异步组件是指可与主体框架分开单独加载的组件。主体框架即在基于vue、react等框架开发网页时作为网页框架的代码,例如,网页中的标签栏(tab栏)的代码等等,当然具体将网页代码中的哪些部分作为主体框架可根据需要设置,本说明书不做限制。
当然,由于对于组件化开发的网页来说,通常首屏中也会包含若干组件,而若首屏包含的组件若与主体框架不能同步加载,则从展示页面的过程来看会出现首屏中内容逐一加载的过程,用户体验不佳。
于是,在本说明书中,当该网页的首屏中包含组件时,该首屏中包含的组件可与主体框架一并发送至终端,则终端在渲染首屏时可以同时渲染出首屏中的所有内容。因此,在本说明书中该首屏资源还可包含首屏中的组件(即,与主体框架同步加载的组件)。而该网页中非首屏展示的组件,则可作为异步组件与主体框架分开加载。
需要说明的是,在本说明书中,该主体框架中可携带有该网页中各异步组件的组件标识,使该终端可以确定该长页面中包含的各异步组件组装的位置,也就是在页面中的位置。并且,异步组件包含功能实现的超文本标记语言(Hyper Text Markup Language,HTML)结构、层叠样式表(Cascading Style Sheets,CSS)样式以及java script逻辑,可独立开发。
具体的,当该服务器接收到网页加载请求后,可根据该网页加载请求中包含的网页地址,从本地存储的资源中,确定对应该网页地址的网页的首屏资源,并向该终端返回该首屏资源,使该终端根据接收到的首屏资源进行渲染,并向用户展示该网页的首屏内容。
S104:接收所述终端发送的组件预加载请求。
目前长页面网页的加载方式为懒加载的方式,即,当用户浏览到该网页中的非首屏页面时,再对应加载该非首屏页面的页面资源。因此,相当于根据用户操作,实时进行网页资源的加载。但是,由于实时加载需要耗费较长的时间,容易出现页面内容显示不全,导致用户反复刷新页面等情况出现,出现用户体验不佳的问题。因此在本说明书实施例中,可通过预加载的方式,提前加载该网页中非首屏页面的页面资源。
具体的,终端可在渲染首屏资源中的主体框架的过程中,确定该主体框架中包含的该网页中各异步组件的组件标识,并在该网页的首屏渲染完成之后,向用户展示该网页的首屏内容。之后通过运行该网页的网页代码(即,主体框架对应的代码),确定向该服务器发送组件预加载请求。则该服务器还可接收该终端根据加载的该网页的主体框架发送的组件预加载请求,并通过后续步骤确定加载该网页中处于非首屏的各异步组件的加载批次,使该终端可以对长页面网页中的各异步组件进行预加载。
S106:根据所述组件预加载请求,确定所述网页中各异步组件的加载批次,并返回至所述终端。
在本说明书实施例中,服务器在接收到该组件预加载请求,便可确定该网页中各异步组件的加载批次,并返回该终端。则该终端可根据该加载批次对该网页中的异步组件进行预加载。也就是说,在本说明书中该终端可以按照加载批次对该网页的异步组件进行预加载的,因此加载批次至少有一次,任一加载批次至少包含一个该网页中的异步组件。
具体的,在本说明书中,该服务器可根据该终端加载网页时的网络状况,确定该终端加载异步组件的加载批次,因此在步骤S104中该服务器可接收携带有网络状态信息的组件预加载请求。其中,该网络状态信息包括:网络类型以及网络速度中的至少一种。网络类型可包括:移动数据以及无线高保真网络(Wireless Fidelity,WiFi)等,其中,移动数据包括:第二代无线通信技术(second-generation wireless telephone technology,2G)网络、3G网络、4G网络以及5G网络等。网络速度则可为该终端在当前网络下最大下载速度,或者平均下载速度,或者最小下载速度等,当然具体网络速度的如何确定可根据需要设置,例如,将该终端加载首页资源的平均速度作为该终端网络状态信息。
于是,该服务器可根据该网络状态信息中的网络类型确定各异步组件的加载批次。具体的,首先,服务器可根据该网络类型确定预加载的异步组件的数量。例如,当终端的网络类型为WiFi时,说明终端网络状态可能较好,因此可预加载更多的异步组件。如:可预加载该网页中所有的异步组件。而当终端的网络类型为移动数据时,则说明终端网络状态可能较差,因此可预加载较少的异步组件。如:可预加载该网页中组件组装的位置距离首屏最近的一个异步组件。当然,具体在不同网络类型下,加载异步组件的数量可以根据需要设置。
之后,根据确定出的该终端需要预加载的异步组件以及网络类型,确定加载批次。具体的,在本说明书中,当该网络类型为WiFi时,可将确定出的各异步组件作为一个加载批次中包含的异步组件,此时加载批次仅有一次。也就是说,允许该终端一次加载各异步组件。当该网络类型为移动数据时,若仅确定了一个异步组件,则将该异步组件作为一个加载批次,此时加载批次也仅有一次。或者,当该网络类型为移动数据时,若确定出了多个异步组件,则可根据确定出的异步组件数量,确定加载批次的数量,并按照该网页中组件组装的位置距离首屏的距离,确定每个加载批次中包含的异步组件,其中每个加载批次仅包含一个异步组件,也就是允许终端依次加载多个异步组件。例如:假设该长网页页面中非首屏展示的异步组件按照从上到下的顺序分别为:A、B、C、D、E,则当终端的网络类型为WiFi,可将各异步组件均进行预加载,并将异步组件A、B、C、D、E作为一个加载批次。当终端的网络类型为移动数据时,可仅预加载网页中组件组装的位置距离首屏的距离最近的一个异步组件A,并将该异步组件A作为一个加载批次。
此外,该服务器还可根据该网络状态信息中的网络速度确定各异步组件的加载批次。具体的,首先,服务器可根据该网络速度确定预加载的异步组件的数量。例如,终端的网络速度大于预设阈值时,说明终端网络状态可能较好,加载速度快,因此可预加载更多的异步组件。如:可预加载该网页中所有的异步组件。而终端的网络速度小于预设阈值时,则说明终端网络状态可能较差,加载速度慢,因此可预加载较少的异步组件。如:可预加载该网页中组件组装的位置距离首屏最近的一个异步组件。当然,具体在不同网络速度下,加载异步组件的数量可以根据需要设置。
之后,根据确定出的该终端需要预加载的异步组件以及网络速度,确定加载批次。具体的,在本说明书中,当该网络速度大于预设阈值时,可将确定出的各异步组件作为一个加载批次中包含的异步组件,此时加载批次仅有一次。也就是说,允许该终端一次加载各异步组件。当该网络速度小于预设阈值时,若仅确定了一个异步组件,则将该异步组件作为一个加载批次,此时加载批次也仅有一次。或者,当该网络速度小于预设阈值时,若确定出了多个异步组件,则可根据确定出的异步组件数量,确定加载批次的数量,并按照该网页中组件组装的位置距离首屏的距离,确定每个加载批次中包含的异步组件,其中每个加载批次仅包含一个异步组件,也就是允许终端依次加载多个异步组件。例如:假设该长网页页面中非首屏展示的异步组件按照从上到下的顺序分别为:A、B、C、D、E,则当终端的网络速度大于2M/S时,可设置加载4个异步组件,加载异步组件A、B、C、D,并将异步组件A、B、C、D作为一个加载批次。当终端的网络速度小于2M/S时,可设置加载2个异步组件,加载异步组件A、B,并将异步组件A与异步组件B作为两个加载批次分别加载。
进一步地,在本说明书中,该服务器还可根据用户的行为习惯确定各异步组件的加载批次,因此在该组件预加载请求中还应包含该用户的用户账号标识,以根据该用户账号标识,确定对应该用户账号标识的用户历史行为数据。具体的,首先,服务器可根据该组件预加载请求中包含的用户账号标识,从该服务器本地存储的用户历史行为数据中确定该用户账号标识对应的用户历史行为数据。之后根据确定出的用户历史行为数据,确定该用户在预设时长内访问该网页中各异步组件的次数,并根据确定出的各异步组件被访问的次数,确定需要预加载的各异步组件以及各异步组件的加载顺序。例如:当异步组件被访问的次数超过预设次数时,说明用户访问该异步组件的概率较大,可确定预加载该异步组件,且加载顺序可按照各异步组件被访问的次数从高到低进行排序。当然,该预设次数可根据需要设置,本说明书对此不做限制。
最后根据确定出的该终端需要预加载的异步组件以及各异步组件的加载顺序,确定加载批次。具体的,在本说明书中,可将确定出的各异步组件作为一个加载批次中包含的异步组件,此时加载批次仅有一次。也就是说,允许该终端一次加载各异步组件。或者,也可将确定出的各异步组件按照各异步组件的加载顺序,均匀进行划分,此时加载批次的数量可根据确定出的异步组件的数量以及各加载批次中异步组件的数量确定。又或者也可将确定出的每个异步组件,均作为一个加载批次,此时每个加载批次仅包含一个异步组件。例如:假设该长网页页面中非首屏展示的异步组件包括:A、B、C、D、E,用户点击各异步组件的次数分别为30、10、20、50、80,则根据各异步组件被访问的次数确定需要加载批次时,假设预设次数为25次,则将被访问次数大于25次的各异步组件进行加载,并按照被访问次数从高到低的顺序确定各异步组件的加载顺序,依次加载异步组件E、D、A,并可将E、D、A作为同一个加载批次中的异步组件进行预加载。
更进一步地,在本说明书中,上述分别描述了根据网络状态信息或用户历史行为数据确定加载批次的,当然,该服务器也可以组合两种方式,确定加载批次。
具体的,首先,服务器可根据该组件预加载请求中包含的用户账号标识,从该服务器本地存储的用户历史行为数据中确定该用户账号标识对应的用户历史行为数据。之后根据确定出的用户历史行为数据,确定该用户在预设时长内访问该网页中各异步组件的次数,并根据各异步组件被访问的次数,确定需要预加载的各异步组件以及各异步组件的加载顺序。然后根据该终端的网络状态信息,确定预加载的异步组件的数量,并根据确定出的预加载的异步组件的数量,从各异步组件的加载顺序中确定对应数量的异步组件,重新作为需要预加载的各异步组件。最后根据需要预加载的各异步组件以及网络状态信息中的网络类型或网络速度中的至少一种,确定各异步组件的加载批次。例如:假设该长网页页面中非首屏展示的异步组件包括:A、B、C、D、E,用户点击各异步组件的次数分别为30、10、20、50、80,则按照被访问次数从高到低的顺序可确定异步组件E、D、A、C、B,之后再根据网络类型确定可预加载的异步组件的数量为1个,则可确定需要预加载异步组件E,并可将异步组件E作为一个加载批次中的异步组件进行预加载。
S108:分别接收所述终端按照所述加载批次发送的携带组件标识的各组件获取请求。
S110:针对接收到的每个组件获取请求,根据所述组件获取请求中包含的组件标识,确定该组件获取请求对应的组件资源,并返回至所述终端,使所述终端根据所述加载批次对接收到的组件资源进行加载。
在本说明书实施例中,终端可在接收到需要预加载的各异步组件的加载批次后,按照该加载批次向该服务器发送组件获取请求,以获取相应的异步组件的组件资源,进行预渲染。
具体的,由于终端可按照接收到的加载批次,依次向该服务器发送若干次组件获取请求,因此该服务器也可分别接收该终端按照加载批次,多次发送的携带组件标识的各组件获取请求。
之后针对接收到的每个组件获取请求,可根据该组件获取请求中包含的组件标识,从本地存储的各组件资源中,确定该组件获取请求对应的组件资源。
最后将确定出的组件资源返回至该终端,以使该终端根据各异步组件的加载批次,对该组件资源进行加载。
其中,当通过步骤S106确定出的加载批次为多个时,终端针对接收到的加载批次,向该服务器发送获取该加载批次中异步组件的组件获取请求,当终端接收到该服务器返回的该加载批次中异步组件的组件资源,并加载该加载批次内的异步组件的组件资源后,可再向该服务器发送获取下一加载批次中异步组件的组件获取请求,直至加载到各加载批次中异步组件的组件资源为止。
进一步地,终端加载完各异步组件的组件资源后,可通过桥接模块将各异步组件组装至主体框架中,并按照各异步组件的加载批次,进行预渲染,以当用户浏览到该异步组件时,展示该异步组件。
当然,如步骤S106中所述的加载批次也可仅有一次,则在步骤S108中该服务器仅会接收到该终端发送的携带该网页的组件标识的一个组件获取请求,该组件获取请求中携带该网页中所有非首屏展示的异步组件的组件标识。
基于图1所示的网页加载方法,在网页加载的过程中,服务器可先接收终端发送的网页加载请求,并向该终端返回对应网页的首屏资源,使该终端根据该首屏资源进行渲染,之后再接收该终端发送的组件预加载请求,并根据该组件预加载请求,向该终端返回该网页中各异步组件的加载顺序,再之后分别接收该终端发送的携带组件标识的各组件获取请求,并向该终端返回各组件获取请求对应的组件资源,使该终端根据各异步组件的加载顺序,对各组件资源进行加载。通过分开加载网页中的首屏资源以及非首屏中各异步组件的组件资源,使网页首屏展示后,自动预加载非首屏资源,缩短了用户等待网页加载的时间,提高了用户体验以及网页加载效率。
此外,在本说明书步骤S106中,在根据用户历史行为数据确定需要预加载的各异步组件以及各异步组件的加载顺序时,该服务器可根据该用户的用户历史行为数据,确定该用户点击各异步组件的次数,各异步组件包含的组件内容(包括:文本内容以及图像内容等)以及各异步组件在网页中的位置,以确定该用户的用户画像信息,之后可将该用户的画像信息以及进行加载的网页中各异步组件的组件信息(包括该异步组件的组件内容、该异步组件在网页中的位置等),输入预先训练的用户行为预测模型,确定用户在该网页中访问的各异步组件以及各异步组件的访问顺序,并将确定出的用户在该网页中访问的各异步组件作为需要预加载的各异步组件,将各异步组件的访问顺序作为各异步组件的加载顺序。由于用户行为分析模型的训练过程已经是较为成熟的现有技术,本说明书对此不再详细说明。
目前,当由用户当前网页页面跳转到下一网页页面时,终端通常在监测到用户点击跳转网页的操作时,再对应懒加载该跳转页面中的页面资源,并进行渲染展示。因此,相当于根据用户操作,实时进行网页资源的加载。但是,由于实时加载需要耗费较长的时间,容易出现页面内容显示不全,导致用户反复刷新页面等情况出现,造成资源浪费以及用户体验不佳等问题。
在本说明书实施例中,该网页也可为多页面网页,不同页面网页对应不同的网页地址。当该网页为多页面网页时,各页面网页中的长页面网页的加载过程可根据上述步骤S100-步骤S110进行加载。为了解决实时加载需要耗费较长的时间的问题,在本说明书中,可在用户进行页面跳转操作之前,提前预加载后续网页页面中的页面资源,以当跳转到该网页时,可直接根据预加载的页面资源进行渲染展示,缩短用户等待网页加载的时间。
在进行后续网页页面的预加载时,该服务器可根据终端的网络状态信息确定各需要预加载的各页面以及各页面加载顺序。具体的,终端可在用户浏览当前网页时,向该服务器发送携带网络状态信息的页面预加载请求,以获取后续网页的页面资源进行预加载。当服务器接收到该页面预加载请求后,可根据该页面预加载请求中携带的网络状态信息,确定需要进行预加载的各页面以及各页面的加载顺序。其中,该网络状态信息包括:网络类型以及网络速度中的至少一种。
于是,在本说明书中,该服务器可根据该网络状态信息中的网络类型确定预加载的各页面以及各页面的加载顺序。具体的,首先,服务器可根据该网络类型确定预加载的页面的数量。例如,当终端的网络类型为WiFi时,说明终端网络状态可能较好,并且加载页面不耗费流量,因此可预加载更多的网页页面的页面资源。如:可预加载后续可能访问的所有网页的页面资源。而当终端的网络类型为移动数据时,则说明终端网络状态可能较差,且加载页面需要耗费流量,因此可预加载较少的页面。如:可预加载当前网页中按照顺序最先访问的网页。当然,具体在不同网络类型下,加载页面的数量可以根据需要设置。
之后,可根据确定出的需要预加载的页面,按照各页面对应的跳转链接在当前网页中的从上到下,从左到右的顺序,确定各页面的加载顺序,并将各页面的加载顺序返回至该终端。终端可向服务器发送携带页面标识的页面获取请求,以获取各页面资源。该服务器接收到该终端发送的页面获取请求,可针对接收到的每个页面获取请求,根据该页面获取请求中包含的页面标识,确定该页面获取请求对应的页面资源,并返回至该终端,使该终端根据各页面的加载顺序,对该页面资源进行加载。
此外,在本说明书中,该服务器还可根据该网络状态信息中的网络速度确定需要预加载的各页面以及各页面的加载顺序。具体的,首先,服务器可根据该网络速度确定预加载的页面的数量。例如,终端的网络速度大于预设阈值时,说明终端网络状态可能较好,加载速度快,因此可预加载更多的页面的页面资源。如:可预加载后续可能访问的所有网页的页面资源。而终端的网络速度小于预设阈值时,则说明终端网络状态可能较差,加载速度慢,因此可预加载较少的异步组件。如:可预加载当前网页中按照顺序最先访问的网页。当然,具体在不同网络速度下,加载页面的数量可以根据需要设置。
之后,可根据确定出的需要预加载的页面,按照各页面对应的跳转链接在当前网页中的从上到下,从左到右的顺序,确定各页面的加载顺序,并将各页面的加载顺序返回至该终端。终端可向服务器发送携带页面标识的页面获取请求,以获取各页面资源。该服务器接收到该终端发送的页面获取请求,可针对接收到的每个页面获取请求,根据该页面获取请求中包含的页面标识,确定该页面获取请求对应的页面资源,并返回至该终端,使该终端根据各页面的加载顺序,对该页面资源进行加载。
进一步地,在本说明书中,该服务器还可根据用户行为习惯确定需要预加载的各页面以及各页面的加载顺序。具体的,首先,终端可在用户浏览当前网页时,向该服务器发送携带网络状态信息的页面预加载请求,以获取后续网页的页面资源进行预加载。服务器接收该终端发送的携带网络状态信息的页面预加载请求后,可根据该组件预加载请求中包含的用户账号标识,从该服务器本地存储的用户历史行为数据中,确定该用户账号标识对应的用户历史行为数据。之后可根据确定出的用户历史行为数据,确定该用户在预设时长内访问后续各网页页面的次数,并根据后续各网页页面被访问的次数,确定需要预加载的各页面以及各页面的加载顺序。例如:当页面被访问的次数超过预设次数时,说明用户访问该页面的概率较大,可确定预加载该页面,且加载顺序可按照各页面被访问的次数从高到低进行排序。
之后,可根据确定出的需要预加载的页面以及各页面的加载顺序,将各页面的加载顺序返回至该终端。终端可向服务器发送携带页面标识的页面获取请求,以获取各页面资源。该服务器接收到该终端发送的页面获取请求,可针对接收到的每个页面获取请求,根据该页面获取请求中包含的页面标识,确定该页面获取请求对应的页面资源,并返回至该终端,使该终端根据各页面的加载顺序,对该页面资源进行加载。
更进一步地,在本说明书中,该服务器还可结合用户的行为习惯以及网络状态信息确定需要预加载的各页面以及各页面的加载顺序。具体的,首先,服务器可根据该组件预加载请求中包含的用户账号标识,从该服务器本地存储的用户历史行为数据中确定该用户账号标识对应的用户历史行为数据。之后根据确定出的用户历史行为数据,确定该用户在预设时长内访问后续各网页页面的次数以及浏览时长,并根据各页面被访问的次数以及浏览时长中的至少一种,确定需要预加载的各页面以及各页面的加载顺序。然后根据该终端的网络状态信息,确定预加载的页面的数量,并根据确定出的预加载的页面的数量,从各页面的加载顺序中确定对应数量的页面,重新作为需要预加载的各页面。最后根据需要预加载的各页面以及网络状态信息中的网络类型或网络速度中的至少一种,确定各异步组件的加载批次。
当然,在对后续网页页面进行预加载时,若各网页页面均基于组件化的方式开发,至少由网页的主体框架以及一个异步组件构成,则在确定各页面的加载顺序时,也可根据用户历史行为数据,确定该用户在预设时长内访问后续各网页页面中异步组件的次数,并根据各异步组件被访问的次数,确定需要预加载的各页面以及各页面的加载顺序。其中,异步组件被访问的次数越多,浏览时长越长,该异步组件所在网页页面越优先加载。
此外,在本说明书实施例中,执行图1所示网页加载方法的服务器既可以是单个服务器,也可以是若干服务器组成的系统,例如:分布式服务器等。当执行该网页加载方法的服务器为若干服务器组成的系统时,该网页的首屏资源与网页中各异步组件的组件资源可分别由不同的服务器提供。可将提供首屏资源的服务器作为第一子服务器,并将提供组件资源的服务器作为第二子服务器,由于网页中可存在若干异步组件,提供不同异步组件的组件资源的第二子服务器可以相同也可以不同。当存在若干第二子服务器时,不同第二子服务器提供的组件资源不同。
则对应在本说明书实施例中,可由第一子服务器执行上述步骤S100-步骤S106。在本说明书步骤S108中,可由该第一子服务器分别接收该终端发送的携带组件标识的各组件获取请求。在本说明书步骤S110中,针对接收到的每个组件获取请求,该第一子服务器可根据该组件获取请求中的组件标识,确定对应该组件获取请求的组件资源地址,并返回至该终端,其中,组件资源地址为第二子服务器中资源存储的地址。之后该第二子服务器可接收该终端发送的携带组件资源地址的组件资源获取请求,并根据该组件资源获取请求中携带的组件资源地址,确定该组件资源获取请求对应的组件资源,并返回至该终端。使该终端根据各异步组件的加载批次,对接收到的各组件资源进行加载。
在本说明书实施例中,假设该网页中只有一个异步组件,执行该网页加载方法的服务器为服务器组成的系统,且提供首屏资源与提供组件资源的服务器不同,提供首屏资源的为第一子服务器,提供组件资源的为第二子服务器。则网页加载的过程如图2所示。
第一步:该第一子服务器接收网页加载请求。
第二步:该第一子服务器向该终端返回携带对应网页中各异步组件的组件标识的首屏资源。
第三步:该第一子服务器接收该终端发送的组件预加载请求。
第四步:该第一子服务器向该终端返回各异步组件的加载批次以及组件资源地址。
第五步:该第二子服务器接收该终端发送的组件获取请求。
第六步:该第二子服务器向该终端返回对应的组件资源。
另外,在本说明书中,该服务器在根据用户历史行为数据确定各异步组件的加载批次时,还可以根据该用户历史行为数据,针对每个异步组件,确定该异步组件对应的暴露时长。具体该暴露时长可以是该异步组件在终端中展示的时长。则该服务器可根据各异步组件的暴露时长超过预设值时,确定预加载该异步组件,且加载顺序可按照各异步组件的暴露时长从大到小进行排序。当然,该暴露时长的预设值可根据需要设置,本说明书对此不做限制。
基于图1所示的网页加载方法,本说明书还对应提供终端侧执行的网页加载方法。本说明书提供的另一种网页加载流程示意图,如图3所示,具体可包括以下步骤:
S200:终端向服务器发送网页加载请求。
用户通过终端访问网页时,终端可根据用户操作,向相应服务器发送网页加载请求,以获取相应网页的页面资源,向用户展示该网页。其中,该网页可以是终端中web应用或混合应用中的页面。
在本说明书实施例中,具体的,当终端监测到用户触发获取网页的操作时,终端可根据用户的触发操作,确定对应的服务器,并向该服务器发送网页加载请求,其中,该网页加载请求中包含所需加载网页的网页地址。
S202:接收所述服务器返回的网页的首屏资源,并根据所述首屏资源进行渲染。
在本说明书实施例中,为了缩短加载网页时用户的等待时间,终端向服务器发送网页加载请求后,可先接收该服务器返回的网页的首屏资源,并进行渲染展示。
具体的,终端可接收该服务器返回的网页的首屏资源,并根据该首屏资源进行渲染,以向用户展示该网页的首屏内容。其中,首屏资源中至少包含网页的主体框架,还可包含网页首屏中的同步组件的组件资源,主体框架中还包含网页中若干异步组件的组件标识。
S204:向所述服务器发送组件预加载请求。
S206:接收所述服务器返回的所述网页中各异步组件的加载批次。
在本说明书实施例中,为了缩短加载网页时用户的等待时间,终端根据接收到的网页的首屏资源进行渲染后,可再获取该网页中非首屏中的各异步组件的组件资源,以进行渲染展示。
具体的,终端可在首屏资源渲染完成后,向该服务器发送组件预加载请求,并接收该服务器返回的该网页中各异步组件的加载批次,以通过后续步骤按照该加载批次进行组件资源的加载。其中,各异步组件的加载批次可由该服务器根据组件预加载请求确定,具体过程在上述步骤S106进行了详细说明,本说明书对此不再赘述。
S208:根据所述各异步组件的加载批次,分别向所述服务器发送携带组件标识的各组件获取请求。
在本说明书实施例中,终端接收到各异步组件的加载批次后,可根据该加载批次,向该服务器发送组件获取请求,以获取组件资源,并按照各异步组件的加载批次,加载各异步组件的组件资源。
具体的,终端可根据各异步组件的加载批次,依次针对每个加载批次,确定该加载批次包含的异步组件的组件标识,之后向该服务器发送携带该加载批次中异步组件的组件标识的组件获取请求,当接收到该加载批次中各异步组件的组件资源时,继续确定下一加载批次包含的异步组件的组件标识,并继续向该服务器发送获取请求,直至接收到各加载批次中各异步组件的组件资源为止。
例如:假设接收到的加载批次为:第一批次:异步组件E,第二批次:异步组件D,则该终端可根据加载批次分别为预加载异步组件E和预加载异步组件D,先确定第一批次包含的异步组件的组件标识E,之后向该服务器发送携带组件标识E的组件获取请求,当接收到异步组件E的组件资源时,继续确定第二批次包含的异步组件的组件标识D,并向该服务器发送携带组件标识D的组件获取请求,以获取该异步组件D的组件资源。
或者,假设接收到加载批次为:第一批次:异步组件E、异步组件D。则该终端可分别确定异步组件E和异步组件D的组件标识,并分别向该服务器发送携带组件标识E的组件获取请求,以及携带组件标识D的组件获取请求,分别获取异步组件E和异步组件D。
S210:接收所述服务器返回的各组件资源并进行加载。
在本说明书实施例中,终端向该服务器发送组件获取请求后,可接收该服务器根据组件获取请求中包含的组件标识,从本地存储的各组件资源中确定并返回的组件资源,以加载该组件资源。
由于终端是按照加载批次发送的组件加载请求,因此终端可依次接收各加载批次的组件资源。具体的,该终端可依次针对每个加载批次,确定对应该加载批次中各异步组件,按照该加载批次中各异步组件的组件资源接收完成的先后顺序,加载各异步组件的组件资源。例如:假设一个加载批次为异步组件A、B、C,若各异步组件的组件资源接收完成的顺序为C、A、B,则可按照接收完成的顺序C、A、B,依次进行加载。
当然,针对每个加载批次,在对该加载批次中各异步组件的组件资源进行加载时,也可按照该加载批次中各异步组件的加载顺序,依次加载该加载批次中各异步组件的组件资源。例如:假设一个加载批次为异步组件A、B、C,则接收该加载批次中各异步组件的组件资源时,可按照A、B、C的加载顺序,依次接收,并进行加载。
基于图3所示的网页加载方法,在网页加载过程中,终端可先向服务器发送网页加载请求,并接收该服务器返回的网页的首屏资源,根据该首屏资源进行渲染,之后向该服务器发送组件预加载请求,以获取该网页中各异步组件的加载批次,当接收到该服务器返回的各异步组件的加载批次后,可分别向该服务器发送携带组件标识的各组件获取请求,最后接收该服务器返回的各组件资源并进行加载。
此外,在本说明书实施例中,执行图3所示网页加载方法的服务器既可以是单个服务器,也可以是若干服务器组成的系统,例如:分布式服务器等。当执行该网页加载方法的服务器为若干服务器组成的系统时,该网页的首屏资源与网页中各异步组件的组件资源可分别由不同的服务器提供。可将提供首屏资源的服务器作为第一子服务器,并将提供组件资源的服务器作为第二子服务器,由于网页中可存在若干异步组件,提供不同异步组件的组件资源的第二子服务器可以相同也可以不同。当存在若干第二子服务器时,不同第二子服务器提供的组件资源不同。
则对应在本说明书实施例中,在本说明书步骤S200-步骤S206中,终端可向该第一子服务器发送网页加载请求,并接收该第一子服务器返回的网页的首屏资源,之后向该第一子服务器发送组件预加载请求,并接收该第一子服务器返回的该网页中各异步组件的加载顺序以及各异步组件的组件资源地址。在本说明书步骤S208中,终端可根据各异步组件的加载批次,依次针对每个加载批次,确定该加载批次包含的异步组件的组件资源地址,并针对该加载批次包含的每个异步组件,确定提供该异步组件的组件资源的第二子服务器,并向该第二子服务器发送携带该异步组件的组件标识以及组件资源地址的组件获取请求,其中,组件资源地址为第二子服务器中资源存储的地址。
基于图1所示的网页加载方法,本说明书实施例还对应提供一种网页加载装置的结构示意图,如图4所示。
图4为本说明书实施例提供的一种网页加载装置的结构示意图,所述装置包括:
第一接收模块300,接收终端发送的网页加载请求,所述网页至少由主体框架以及一个异步组件构成;
首屏资源返回模块302,向所述终端返回所述网页的首屏资源,使所述终端根据所述首屏资源进行渲染,所述首屏资源至少包含所述网页的主体框架,所述主体框架中包含若干异步组件的组件标识;
第二接收模块304,接收所述终端发送的组件预加载请求;
确定模块306,根据所述组件预加载请求,确定所述网页中各异步组件的加载批次,并返回至所述终端;
第三接收模块308,分别接收所述终端按照所述加载批次发送的携带组件标识的各组件获取请求;
组件资源返回模块310,针对接收到的每个组件获取请求,根据所述组件获取请求中包含的组件标识,确定该组件获取请求对应的组件资源,并返回至所述终端,使所述终端根据所述加载批次对接收到的组件资源进行加载。
可选地,所述组件预加载请求中包含用户账号标识,所述确定模块306具体用于,根据所述组件预加载请求中的用户账号标识,从本地存储的用户历史行为数据中确定所述用户账号标识对应的用户历史行为数据,根据确定出的用户历史行为数据,确定用户在预设时长内访问所述网页中各异步组件的次数,根据所述用户在预设时长内访问所述网页中各异步组件的次数,确定各异步组件的加载批次。
可选地,所述组件预加载请求中包含网络状态信息,所述网络状态信息包括:网络类型以及网络速度中的至少一种,所述确定模块306具体用于,根据所述组件预加载请求中的网络状态信息,确定各异步组件的加载批次,其中,所述加载批次至少有一个,一个加载批次中至少包含一个异步组件。
可选地,当所述网页为多页面网页时,所述网页加载装置还包括页面加载模块,所述页面加载模块312具体用于,接收所述终端发送的携带网络状态信息的页面预加载请求,根据所述网络状态信息,确定需要预加载的各页面以及各页面的加载顺序,并将各页面的加载顺序返回至所述终端,接收所述终端发送的携带页面标识的页面获取请求,针对接收到的每个页面获取请求,根据所述页面获取请求中包含的页面标识,确定该页面获取请求对应的页面资源,并返回至所述终端,使所述终端根据各页面的加载顺序,对所述页面资源进行加载。
可选地,所述页面加载模块312具体用于,接收所述终端发送的携带用户账号标识的页面预加载请求,根据所述用户账号标识,从本地存储的用户历史行为数据中确定所述用户账号标识对应的用户历史行为数据,根据确定出的用户历史行为数据,确定用户在预设时长内访问各页面的次数,根据所述用户在预设时长内访问各页面的次数,确定需要预加载的各页面以及各页面的加载顺序,并将各页面的加载顺序返回至所述终端,接收所述终端发送的携带页面标识的页面获取请求,针对接收到的每个页面获取请求,根据所述页面获取请求中包含的页面标识,确定该页面获取请求对应的页面资源,并返回至所述终端,使所述终端根据各页面的加载顺序,对所述页面资源进行加载。
可选地,所述服务器包括:提供首屏资源的第一子服务器,以及提供组件资源的若干第二子服务器,其中,不同第二子服务器提供的组件资源不同,所述组件资源返回模块310具体用于,所述第一子服务器针对接收到的每个组件获取请求,确定该组件获取请求对应的组件资源地址,所述第一子服务器向所述终端返回该组件获取请求对应的组件资源地址,所述组件资源地址为所述第二子服务器中资源存储的地址,所述第二子服务器接收所述终端发送的携带组件资源地址的组件资源获取请求,并根据所述组件资源地址,确定该组件资源获取请求对应的组件资源,向所述终端返回该组件资源获取请求对应的组件资源。
基于图3所示的网页加载方法,本说明书实施例还对应提供另一种网页加载装置的结构示意图,如图5所示。
图5为本说明书实施例提供的另一种网页加载装置的结构示意图,所述装置包括:
第一发送模块400,向服务器发送网页加载请求,所述网页至少由主体框架以及一个异步组件构成;
首屏资源接收模块402,接收所述服务器返回的网页的首屏资源,并根据所述首屏资源进行渲染,所述首屏资源至少包含所述网页的主体框架,所述主体框架中包含若干异步组件的组件标识;
第二发送模块404,向所述服务器发送组件预加载请求;
加载批次接收模块406,接收所述服务器返回的所述网页中各异步组件的加载批次;
第三发送模块408,根据所述各异步组件的加载批次,分别向所述服务器发送携带组件标识的各组件获取请求;
组件资源接收模块410,接收所述服务器返回的各组件资源并进行加载,所述组件资源为所述服务器根据组件获取请求中包含的组件标识确定的。
可选地,所述第三发送模块408具体用于,根据所述各异步组件的加载批次,依次针对每个加载批次,确定该加载批次包含的异步组件的组件标识,向所述服务器发送携带该加载批次中异步组件的组件标识的组件获取请求,当接收到该加载批次中各异步组件的组件资源时,继续确定下一加载批次包含的异步组件的组件标识,并向所述服务器发送获取请求,直至接收到各加载批次中各异步组件的组件资源为止。
可选地,所述服务器包括:提供首屏资源的第一子服务器,以及提供组件资源的若干第二子服务器,其中,不同第二子服务器提供的组件资源不同,所述加载批次接收模块406具体用于,接收所述第一子服务器返回的所述网页中各异步组件的加载批次以及各异步组件的组件资源地址,根据所述各异步组件的加载批次,分别向所述服务器发送携带组件标识的各组件获取请求,具体包括,根据所述各异步组件的加载批次,依次针对每个加载批次,确定该加载批次包含的异步组件的组件资源地址,针对该加载批次包含的每个异步组件,确定提供该异步组件的组件资源的第二子服务器,并向所述第二子服务器发送携带该异步组件的组件标识以及组件资源地址的组件获取请求,其中,所述组件资源地址为所述第二子服务器中资源存储的地址。
本说明书实施例还提供了一种计算机可读存储介质,该存储介质存储有计算机程序,计算机程序可用于执行上述图1或图3提供的网页加载方法。
基于图1或图3所示的网页加载方法,本说明书实施例还提出了图6所示的电子设备的示意结构图。如图6,在硬件层面,该电子设备包括处理器、内部总线、网络接口、内存以及非易失性存储器,当然还可能包括其他业务所需要的硬件。处理器从非易失性存储器中读取对应的计算机程序到内存中然后运行,以实现上述图1或图3提供的网页加载方法。
当然,除了软件实现方式之外,本说明书并不排除其他实现方式,比如逻辑器件抑或软硬件结合的方式等等,也就是说以下处理流程的执行主体并不限定于各个逻辑单元,也可以是硬件或逻辑器件。
在20世纪90年代,对于一个技术的改进可以很明显地区分是硬件上的改进(例如,对二极管、晶体管、开关等电路结构的改进)还是软件上的改进(对于方法流程的改进)。然而,随着技术的发展,当今的很多方法流程的改进已经可以视为硬件电路结构的直接改进。设计人员几乎都通过将改进的方法流程编程到硬件电路中来得到相应的硬件电路结构。因此,不能说一个方法流程的改进就不能用硬件实体模块来实现。例如,可编程逻辑器件(Programmable Logic Device,PLD)(例如现场可编程门阵列(Field Programmable GateArray,FPGA))就是这样一种集成电路,其逻辑功能由用户对器件编程来确定。由设计人员自行编程来把一个数字系统“集成”在一片PLD上,而不需要请芯片制造厂商来设计和制作专用的集成电路芯片。而且,如今,取代手工地制作集成电路芯片,这种编程也多半改用“逻辑编译器(logic compiler)”软件来实现,它与程序开发撰写时所用的软件编译器相类似,而要编译之前的原始代码也得用特定的编程语言来撰写,此称之为硬件描述语言(Hardware Description Language,HDL),而HDL也并非仅有一种,而是有许多种,如ABEL(Advanced Boolean Expression Language)、AHDL(Altera Hardware DescriptionLanguage)、Confluence、CUPL(Cornell University Programming Language)、HDCal、JHDL(Java Hardware Description Language)、Lava、Lola、MyHDL、PALASM、RHDL(RubyHardware Description Language)等,目前最普遍使用的是VHDL(Very-High-SpeedIntegrated Circuit Hardware Description Language)与Verilog。本领域技术人员也应该清楚,只需要将方法流程用上述几种硬件描述语言稍作逻辑编程并编程到集成电路中,就可以很容易得到实现该逻辑方法流程的硬件电路。
控制器可以按任何适当的方式实现,例如,控制器可以采取例如微处理器或处理器以及存储可由该(微)处理器执行的计算机可读程序代码(例如软件或固件)的计算机可读介质、逻辑门、开关、专用集成电路(Application Specific Integrated Circuit,ASIC)、可编程逻辑控制器和嵌入微控制器的形式,控制器的例子包括但不限于以下微控制器:ARC 625D、Atmel AT91SAM、MicrochipPIC18F26K20以及Silicone Labs C8051F320,存储器控制器还可以被实现为存储器的控制逻辑的一部分。本领域技术人员也知道,除了以纯计算机可读程序代码方式实现控制器以外,完全可以通过将方法步骤进行逻辑编程来使得控制器以逻辑门、开关、专用集成电路、可编程逻辑控制器和嵌入微控制器等的形式来实现相同功能。因此这种控制器可以被认为是一种硬件部件,而对其内包括的用于实现各种功能的装置也可以视为硬件部件内的结构。或者甚至,可以将用于实现各种功能的装置视为既可以是实现方法的软件模块又可以是硬件部件内的结构。
上述实施例阐明的系统、装置、模块或单元,具体可以由计算机芯片或实体实现,或者由具有某种功能的产品来实现。一种典型的实现设备为计算机。具体的,计算机例如可以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。
为了描述的方便,描述以上装置时以功能分为各种单元分别描述。当然,在实施本说明书时可以把各单元的功能在同一个或多个软件和/或硬件中实现。
本领域内的技术人员应明白,本发明的实施例可提供为方法、系统、或计算机程序产品。因此,本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白,本说明书的实施例可提供为方法、系统或计算机程序产品。因此,本说明书可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本说明书可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本说明书可以在由计算机执行的计算机可执行指令的一般上下文中描述,例如程序模块。一般地,程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本说明书,在这些分布式计算环境中,由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中,程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。
本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于系统实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
以上所述仅为本说明书的实施例而已,并不用于限制本说明书。对于本领域技术人员来说,本说明书可以有各种更改和变化。凡在本说明书的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本说明书的权利要求范围之内。
Claims (13)
1.一种网页加载方法,其特征在于,包括:
接收终端发送的网页加载请求,所述网页至少由主体框架以及一个异步组件构成;
向所述终端返回所述网页的首屏资源,使所述终端根据所述首屏资源进行渲染,所述首屏资源至少包含所述网页的主体框架,所述主体框架中包含非首屏展示的若干异步组件的组件标识;
接收所述终端发送的组件预加载请求;
根据所述组件预加载请求,确定所述网页中各异步组件的加载批次,并返回至所述终端;
分别接收所述终端按照所述加载批次发送的携带组件标识的各组件获取请求;
针对接收到的每个组件获取请求,根据所述组件获取请求中包含的组件标识,确定该组件获取请求对应的组件资源,并返回至所述终端,使所述终端根据所述加载批次对接收到的组件资源进行加载。
2.如权利要求1所述的方法,其特征在于,所述组件预加载请求中包含用户账号标识;
根据所述组件预加载请求,确定所述网页中各异步组件的加载批次,具体包括:
根据所述组件预加载请求中的用户账号标识,从本地存储的用户历史行为数据中确定所述用户账号标识对应的用户历史行为数据;
根据确定出的用户历史行为数据,确定用户在预设时长内访问所述网页中各异步组件的次数;
根据所述用户在预设时长内访问所述网页中各异步组件的次数,确定各异步组件的加载批次。
3.如权利要求1所述的方法,其特征在于,所述组件预加载请求中包含网络状态信息,所述网络状态信息包括:网络类型以及网络速度中的至少一种;
根据所述组件预加载请求,确定所述网页中各异步组件的加载批次,具体包括:
根据所述组件预加载请求中的网络状态信息,确定各异步组件的加载批次;
其中,所述加载批次至少有一个,一个加载批次中至少包含一个异步组件。
4.如权利要求1所述的方法,其特征在于,当所述网页为多页面网页时,所述方法还包括:
接收所述终端发送的携带网络状态信息的页面预加载请求;
根据所述网络状态信息,确定需要预加载的各页面以及各页面的加载顺序,并将各页面的加载顺序返回至所述终端;
接收所述终端发送的携带页面标识的页面获取请求;
针对接收到的每个页面获取请求,根据所述页面获取请求中包含的页面标识,确定该页面获取请求对应的页面资源,并返回至所述终端,使所述终端根据各页面的加载顺序,对所述页面资源进行加载。
5.如权利要求1所述的方法,其特征在于,当所述网页为多页面网页时,所述方法还包括:
接收所述终端发送的携带用户账号标识的页面预加载请求;
根据所述用户账号标识,从本地存储的用户历史行为数据中确定所述用户账号标识对应的用户历史行为数据;
根据确定出的用户历史行为数据,确定用户在预设时长内访问各页面的次数;
根据所述用户在预设时长内访问各页面的次数,确定需要预加载的各页面以及各页面的加载顺序,并将各页面的加载顺序返回至所述终端;
接收所述终端发送的携带页面标识的页面获取请求;
针对接收到的每个页面获取请求,根据所述页面获取请求中包含的页面标识,确定该页面获取请求对应的页面资源,并返回至所述终端,使所述终端根据各页面的加载顺序,对所述页面资源进行加载。
6.如权利要求1所述的方法,其特征在于,所述服务器包括:提供首屏资源的第一子服务器,以及提供组件资源的若干第二子服务器,其中,不同第二子服务器提供的组件资源不同;
针对接收到的每个组件获取请求,根据所述组件获取请求中包含的组件标识,确定该组件获取请求对应的组件资源,并返回至所述终端,使所述终端根据所述加载批次对接收到的组件资源进行预加载,具体包括:
所述第一子服务器针对接收到的每个组件获取请求,确定该组件获取请求对应的组件资源地址;
所述第一子服务器向所述终端返回该组件获取请求对应的组件资源地址,所述组件资源地址为所述第二子服务器中资源存储的地址;
所述第二子服务器接收所述终端发送的携带组件资源地址的组件资源获取请求,并根据所述组件资源地址,确定该组件资源获取请求对应的组件资源;
向所述终端返回该组件资源获取请求对应的组件资源。
7.一种网页加载方法,其特征在于,包括:
终端向服务器发送网页加载请求,所述网页至少由主体框架以及一个异步组件构成;
接收所述服务器返回的所述网页的首屏资源,并根据所述首屏资源进行渲染,所述首屏资源至少包含所述网页的主体框架,所述主体框架中包含非首屏展示的若干异步组件的组件标识;
向所述服务器发送组件预加载请求;
接收所述服务器返回的所述网页中各异步组件的加载批次;
根据所述各异步组件的加载批次,分别向所述服务器发送携带组件标识的各组件获取请求;
接收所述服务器返回的各组件资源并进行加载,所述组件资源为所述服务器根据组件获取请求中包含的组件标识确定的。
8.如权利要求7所述的方法,其特征在于,根据所述各异步组件的加载批次,分别向所述服务器发送携带组件标识的各组件获取请求,具体包括:
根据所述各异步组件的加载批次,依次针对每个加载批次,确定该加载批次包含的异步组件的组件标识;
向所述服务器发送携带该加载批次中异步组件的组件标识的组件获取请求;
当接收到该加载批次中各异步组件的组件资源时,继续确定下一加载批次包含的异步组件的组件标识,并向所述服务器发送获取请求,直至接收到各加载批次中各异步组件的组件资源为止。
9.如权利要求7所述的方法,其特征在于,所述服务器包括:提供首屏资源的第一子服务器,以及提供组件资源的若干第二子服务器,其中,不同第二子服务器提供的组件资源不同;
接收所述服务器返回的所述网页中各异步组件的加载批次,具体包括:
接收所述第一子服务器返回的所述网页中各异步组件的加载批次以及各异步组件的组件资源地址;
根据所述各异步组件的加载批次,分别向所述服务器发送携带组件标识的各组件获取请求,具体包括:
根据所述各异步组件的加载批次,依次针对每个加载批次,确定该加载批次包含的异步组件的组件资源地址;
针对该加载批次包含的每个异步组件,确定提供该异步组件的组件资源的第二子服务器,并向所述第二子服务器发送携带该异步组件的组件标识以及组件资源地址的组件获取请求;
其中,所述组件资源地址为所述第二子服务器中资源存储的地址。
10.一种网页加载装置,其特征在于,包括:
第一接收模块,接收终端发送的网页加载请求,所述网页至少由主体框架以及一个异步组件构成;
首屏资源返回模块,向所述终端返回所述网页的首屏资源,使所述终端根据所述首屏资源进行渲染,所述首屏资源至少包含所述网页的主体框架,所述主体框架中包含若干异步组件的组件标识;
第二接收模块,接收所述终端发送的组件预加载请求;
确定模块,根据所述组件预加载请求,确定所述网页中各异步组件的加载批次,并返回至所述终端;
第三接收模块,分别接收所述终端按照所述加载批次发送的携带组件标识的各组件获取请求;
组件资源返回模块,针对接收到的每个组件获取请求,根据所述组件获取请求中包含的组件标识,确定该组件获取请求对应的组件资源,并返回至所述终端,使所述终端根据所述加载批次对接收到的组件资源进行加载。
11.一种网页加载装置,其特征在于,包括:
第一发送模块,向服务器发送网页加载请求,所述网页至少由主体框架以及一个异步组件构成;
首屏资源接收模块,接收所述服务器返回的网页的首屏资源,并根据所述首屏资源进行渲染,所述首屏资源至少包含所述网页的主体框架,所述主体框架中包含非首屏展示的若干异步组件的组件标识;
第二发送模块,向所述服务器发送组件预加载请求;
加载批次接收模块,接收所述服务器返回的所述网页中各异步组件的加载批次;
第三发送模块,根据所述各异步组件的加载批次,分别向所述服务器发送携带组件标识的各组件获取请求;
组件资源接收模块,接收所述服务器返回的各组件资源并进行加载,所述组件资源为所述服务器根据组件获取请求中包含的组件标识确定的。
12.一种计算机可读存储介质,其特征在于,所述存储介质存储有计算机程序,所述计算机程序被处理器执行时实现上述权利要求1-6任一所述的方法或实现上述权利要求7-9任一所述的方法。
13.一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现上述权利要求任一所述的方法或实现上述权利要求7-9任一所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010404469.7A CN111639289B (zh) | 2020-05-13 | 2020-05-13 | 一种网页加载方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010404469.7A CN111639289B (zh) | 2020-05-13 | 2020-05-13 | 一种网页加载方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111639289A true CN111639289A (zh) | 2020-09-08 |
CN111639289B CN111639289B (zh) | 2024-02-23 |
Family
ID=72332752
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010404469.7A Active CN111639289B (zh) | 2020-05-13 | 2020-05-13 | 一种网页加载方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111639289B (zh) |
Cited By (17)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112364277A (zh) * | 2020-11-23 | 2021-02-12 | 北京三快在线科技有限公司 | 一种网页加载方法及装置 |
CN112433784A (zh) * | 2020-12-10 | 2021-03-02 | 东莞市盟大塑化科技有限公司 | 页面加载方法、装置、设备和存储介质 |
CN112765507A (zh) * | 2021-01-27 | 2021-05-07 | 上海淇玥信息技术有限公司 | 一种页面首屏渲染与资源加载方法、装置和电子设备 |
CN112835725A (zh) * | 2021-01-19 | 2021-05-25 | 北京电解智科技有限公司 | Web通信方法和装置 |
CN113127783A (zh) * | 2021-04-27 | 2021-07-16 | 百度在线网络技术(北京)有限公司 | 页面显示方法及装置、设备和介质 |
CN113419784A (zh) * | 2021-06-28 | 2021-09-21 | 未鲲(上海)科技服务有限公司 | 页面资源的缓存方法、装置、设备及介质 |
CN113450130A (zh) * | 2020-12-15 | 2021-09-28 | 北京新氧科技有限公司 | 一种页面广告投放方法、装置、设备及存储介质 |
CN113608794A (zh) * | 2021-05-28 | 2021-11-05 | 北京达佳互联信息技术有限公司 | 小程序处理方法、装置、系统、电子设备及存储介质 |
CN113867845A (zh) * | 2021-10-14 | 2021-12-31 | 北京齐尔布莱特科技有限公司 | 一种应用数据加载方法、装置和移动终端 |
CN113949935A (zh) * | 2021-12-03 | 2022-01-18 | 北京达佳互联信息技术有限公司 | 视频处理方法、装置、电子设备、介质及产品 |
CN114237781A (zh) * | 2021-10-25 | 2022-03-25 | 北京三快在线科技有限公司 | 页面加载的方法、装置、设备及存储介质 |
CN114339364A (zh) * | 2021-12-21 | 2022-04-12 | 北京达佳互联信息技术有限公司 | 多媒体数据处理方法、装置、电子设备及存储介质 |
CN114513520A (zh) * | 2021-12-27 | 2022-05-17 | 浙江中测新图地理信息技术有限公司 | 基于客户端和服务器同步渲染的Web三维可视化技术 |
CN114816564A (zh) * | 2022-04-01 | 2022-07-29 | 维沃移动通信有限公司 | 应用加载方法、装置和电子设备 |
CN115776598A (zh) * | 2022-11-15 | 2023-03-10 | 聚好看科技股份有限公司 | 服务器、显示设备及视频播放组件的加载方法 |
CN116466953A (zh) * | 2023-03-03 | 2023-07-21 | 港珠澳大桥管理局 | 组件化的前端开发方法、装置、计算机设备和存储介质 |
CN118093055A (zh) * | 2024-04-23 | 2024-05-28 | 山东浪潮科学研究院有限公司 | 一种基于动态分析的前端懒加载优化方法、装置和介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20160259800A1 (en) * | 2013-11-26 | 2016-09-08 | Uc Mobile Co., Ltd. | Webpage loading method, client and server |
CN107526751A (zh) * | 2016-06-22 | 2017-12-29 | 广州市动景计算机科技有限公司 | 网页的加载方法、客户端、网页服务器及可编程设备 |
CN108984548A (zh) * | 2017-05-31 | 2018-12-11 | 腾讯科技(深圳)有限公司 | 页面内容缓存方法及装置 |
CN110020304A (zh) * | 2017-11-29 | 2019-07-16 | 北京京东尚科信息技术有限公司 | 一种加载页面的方法和装置 |
CN110717121A (zh) * | 2019-08-27 | 2020-01-21 | 北京奇艺世纪科技有限公司 | 一种页面首屏时间确定方法及装置 |
-
2020
- 2020-05-13 CN CN202010404469.7A patent/CN111639289B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20160259800A1 (en) * | 2013-11-26 | 2016-09-08 | Uc Mobile Co., Ltd. | Webpage loading method, client and server |
CN107526751A (zh) * | 2016-06-22 | 2017-12-29 | 广州市动景计算机科技有限公司 | 网页的加载方法、客户端、网页服务器及可编程设备 |
CN108984548A (zh) * | 2017-05-31 | 2018-12-11 | 腾讯科技(深圳)有限公司 | 页面内容缓存方法及装置 |
CN110020304A (zh) * | 2017-11-29 | 2019-07-16 | 北京京东尚科信息技术有限公司 | 一种加载页面的方法和装置 |
CN110717121A (zh) * | 2019-08-27 | 2020-01-21 | 北京奇艺世纪科技有限公司 | 一种页面首屏时间确定方法及装置 |
Non-Patent Citations (1)
Title |
---|
闫兴亚;潘治颖;黄姝琦;: "首屏数据并行式预加载方案的研究与应用", 计算机与数字工程, no. 05 * |
Cited By (23)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112364277A (zh) * | 2020-11-23 | 2021-02-12 | 北京三快在线科技有限公司 | 一种网页加载方法及装置 |
CN112364277B (zh) * | 2020-11-23 | 2024-03-08 | 北京三快在线科技有限公司 | 一种网页加载方法及装置 |
CN112433784A (zh) * | 2020-12-10 | 2021-03-02 | 东莞市盟大塑化科技有限公司 | 页面加载方法、装置、设备和存储介质 |
CN113450130A (zh) * | 2020-12-15 | 2021-09-28 | 北京新氧科技有限公司 | 一种页面广告投放方法、装置、设备及存储介质 |
CN113450130B (zh) * | 2020-12-15 | 2024-03-19 | 北京新氧科技有限公司 | 一种页面广告投放方法、装置、设备及存储介质 |
CN112835725A (zh) * | 2021-01-19 | 2021-05-25 | 北京电解智科技有限公司 | Web通信方法和装置 |
CN112765507B (zh) * | 2021-01-27 | 2023-12-26 | 上海淇玥信息技术有限公司 | 一种页面首屏渲染与资源加载方法、装置和电子设备 |
CN112765507A (zh) * | 2021-01-27 | 2021-05-07 | 上海淇玥信息技术有限公司 | 一种页面首屏渲染与资源加载方法、装置和电子设备 |
CN113127783A (zh) * | 2021-04-27 | 2021-07-16 | 百度在线网络技术(北京)有限公司 | 页面显示方法及装置、设备和介质 |
CN113608794A (zh) * | 2021-05-28 | 2021-11-05 | 北京达佳互联信息技术有限公司 | 小程序处理方法、装置、系统、电子设备及存储介质 |
CN113419784A (zh) * | 2021-06-28 | 2021-09-21 | 未鲲(上海)科技服务有限公司 | 页面资源的缓存方法、装置、设备及介质 |
CN113867845A (zh) * | 2021-10-14 | 2021-12-31 | 北京齐尔布莱特科技有限公司 | 一种应用数据加载方法、装置和移动终端 |
CN114237781A (zh) * | 2021-10-25 | 2022-03-25 | 北京三快在线科技有限公司 | 页面加载的方法、装置、设备及存储介质 |
CN113949935B (zh) * | 2021-12-03 | 2024-03-12 | 北京达佳互联信息技术有限公司 | 视频处理方法、装置、电子设备及介质 |
CN113949935A (zh) * | 2021-12-03 | 2022-01-18 | 北京达佳互联信息技术有限公司 | 视频处理方法、装置、电子设备、介质及产品 |
CN114339364A (zh) * | 2021-12-21 | 2022-04-12 | 北京达佳互联信息技术有限公司 | 多媒体数据处理方法、装置、电子设备及存储介质 |
CN114513520A (zh) * | 2021-12-27 | 2022-05-17 | 浙江中测新图地理信息技术有限公司 | 基于客户端和服务器同步渲染的Web三维可视化技术 |
CN114816564A (zh) * | 2022-04-01 | 2022-07-29 | 维沃移动通信有限公司 | 应用加载方法、装置和电子设备 |
CN115776598A (zh) * | 2022-11-15 | 2023-03-10 | 聚好看科技股份有限公司 | 服务器、显示设备及视频播放组件的加载方法 |
CN115776598B (zh) * | 2022-11-15 | 2024-05-03 | 聚好看科技股份有限公司 | 服务器、显示设备及视频播放组件的加载方法 |
CN116466953A (zh) * | 2023-03-03 | 2023-07-21 | 港珠澳大桥管理局 | 组件化的前端开发方法、装置、计算机设备和存储介质 |
CN116466953B (zh) * | 2023-03-03 | 2024-01-02 | 港珠澳大桥管理局 | 组件化的前端开发方法、装置、计算机设备和存储介质 |
CN118093055A (zh) * | 2024-04-23 | 2024-05-28 | 山东浪潮科学研究院有限公司 | 一种基于动态分析的前端懒加载优化方法、装置和介质 |
Also Published As
Publication number | Publication date |
---|---|
CN111639289B (zh) | 2024-02-23 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111639289B (zh) | 一种网页加载方法及装置 | |
KR102179149B1 (ko) | 페이지 컴포넌트 동적 레이아웃 | |
CN112364277B (zh) | 一种网页加载方法及装置 | |
CN111639278B (zh) | 一种网页加载方法及装置 | |
CN111796823A (zh) | 页面更新、页面展示的方法、装置及页面维护系统 | |
CN105824830B (zh) | 一种显示页面的方法、客户端及设备 | |
CN108460035B (zh) | 一种无障碍功能状态的获取以及页面处理的方法及装置 | |
WO2016107325A1 (zh) | 基于移动终端的页面资源加载方法及装置 | |
CN111796821A (zh) | 一种页面更新的方法及装置 | |
CN110496395B (zh) | 一种针对虚幻引擎的组件运行方法、系统及设备 | |
CN112631679A (zh) | 一种微应用的预加载方法及装置 | |
CN107807934B (zh) | 页面显示方法和装置以及计算设备 | |
CN107479868B (zh) | 一种界面加载方法、装置及设备 | |
CN112559934A (zh) | 一种页面弹窗显示方法及装置 | |
CN110633437B (zh) | 一种多行省略显示的方法及装置 | |
CN113672323A (zh) | 一种页面展示的方法及装置 | |
CN110262749B (zh) | 一种网页操作方法、装置、容器、设备及介质 | |
CN111881393A (zh) | 一种页面渲染方法、装置、介质及电子设备 | |
CN111898056A (zh) | 一种网页显示方法、装置、存储介质及电子设备 | |
CN110647704B (zh) | 一种页面更新方法、装置及设备 | |
CN108664191B (zh) | 系统访问方法及装置 | |
CN111737614B (zh) | 页面显示方法、装置、电子设备和存储介质 | |
CN106970872B (zh) | 信息埋点方法及装置 | |
CN112035117A (zh) | 页面展示系统、方法及装置 | |
CN111538667A (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |