CN111046308A - 一种页面加载方法及装置 - Google Patents
一种页面加载方法及装置 Download PDFInfo
- Publication number
- CN111046308A CN111046308A CN201911076547.9A CN201911076547A CN111046308A CN 111046308 A CN111046308 A CN 111046308A CN 201911076547 A CN201911076547 A CN 201911076547A CN 111046308 A CN111046308 A CN 111046308A
- Authority
- CN
- China
- Prior art keywords
- page
- entity
- target
- sub
- data corresponding
- 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 97
- 238000009877 rendering Methods 0.000 claims abstract description 16
- 238000000034 method Methods 0.000 claims description 46
- 230000004044 response Effects 0.000 claims description 20
- 230000011218 segmentation Effects 0.000 claims description 6
- 238000005192 partition Methods 0.000 claims description 2
- 230000008569 process Effects 0.000 description 6
- 238000012545 processing Methods 0.000 description 5
- 238000010586 diagram Methods 0.000 description 4
- 238000004904 shortening Methods 0.000 description 3
- 238000012795 verification Methods 0.000 description 3
- 238000004590 computer program Methods 0.000 description 2
- 235000019692 hotdogs Nutrition 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
- 238000003491 array Methods 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 230000001419 dependent effect Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000018109 developmental process Effects 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 230000036316 preload Effects 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 230000003068 static effect Effects 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/957—Browsing optimisation, e.g. caching or content distillation
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种页面加载方法,包括:响应针对目标页面的页面加载请求,确定所述目标页面对应的实体页面数据;根据所述实体页面数据以及预先存储的页面公共数据进行页面渲染,加载所述目标页面。由于本地预先存储的页面公共数据可以包括加载各个页面所需公共部分的、与具体页面状态无关的数据,因此,当需要加载页面时,不需要再获取页面公共数据,而仅需要获取目标页面对应的实体页面数据,这样,相当于已经提前下载了页面数据中的一部分数据,而不需要再下载全部页面数据,从而实现了在不增加硬件成本的前提下,通过减少加载页面所需要下载的数据量,缩短了页面加载的时间,减少用户等待页面加载的时间,提高用户体验。
Description
技术领域
本发明涉及计算机技术领域,尤其涉及一种页面加载方法及装置。
背景技术
随着万维网(WorldWide Web,web)前端技术的发展,web页面得到了广泛的应用。随着web页面中的内容更加多样化,例如不仅包括文字、图片,还包括动态图片、音乐等内容,web页面中的数据的大小也越来越庞大。因此,在通过浏览器打开web页面的过程中,由于web页面需要加载的内容越来越大,故web页面的加载时间越来越长,从而导致用户等待页面加载的时间也越来越长。
为了缩短web页面的加载时间,通常情况下,网站管理方会采用添加服务器数量或增加服务器网络带宽的处理方式。然而,由于添加服务器数量或增加服务器网络带宽的处理方式会导致缩短web页面加载时间的成本大大增加,故此,亟需一种成本较低的缩短web页面加载时间的方法。
发明内容
本发明提供一种页面加载方法及装置,在不增加硬件成本的前提下,通过减少加载页面所需要下载的数据量,缩短了页面加载的时间,减少用户等待页面加载的时间,提高用户体验。
第一方面,本发明提供了一种页面加载方法,包括:
响应针对目标页面的页面加载请求,确定所述目标页面对应的实体页面数据;
根据所述实体页面数据以及预先存储的页面公共数据进行页面渲染,加载所述目标页面。
可选的,所述响应针对目标页面的页面加载请求,确定所述目标页面对应的实体页面数据,包括:
响应针对目标页面的页面加载请求,获取所述目标页面对应的实体页面数据,以及所述目标页面的子级页面所对应的实体页面数据;其中,所述子级页面为响应于在所述目标页面的操作所切换到的页面;
相应地,在所述获取所述目标页面对应的实体页面数据,以及所述目标页面的子级页面所对应的实体页面数据之后,所述方法还包括:。
根据所述页面公共数据与所述子级页面对应的实体页面数据,预加载所述子级页面。
可选的,在所述获取所述目标页面对应的实体页面数据,以及所述目标页面的子级页面所对应的实体页面数据之前,所述方法还包括:
根据所述目标页面确定所述目标页面对应的子级页面;
根据分割标识,将所述目标页面对应的实体页面数据,以及所述子级页面所对应的实体页面数据存储至同一文件中。
可选的,所述根据分割标识,将所述目标页面对应的实体页面数据,以及所述子级页面所对应的实体页面数据存储至同一文件中,包括:
根据分割标识,为所述目标页面对应的实体页面数据,以及所述子级页面所对应的实体页面数据均配置相同的文件标识;
根据所述文件标识,将所述目标页面对应的实体页面数据,以及所述子级页面所对应的实体页面数据存储至同一文件中。
可选的,在所述确定所述目标页面对应的实体页面数据之后,所述方法还包括:
根据所述目标页面确定所述目标页面对应的子级页面,其中,所述子级页面为响应于在所述目标页面的操作所切换到的页面;
获取所述子级页面对应的实体页面数据;
根据所述页面公共数据与所述子级页面对应的实体页面数据,预加载所述子级页面。
可选的,所述子级页面是根据历史数据中页面切换情况所确定的,所述页面切换情况为响应于在所述目标页面的操作切换到子级页面的情况;所述子级页面出现在所述页面切换情况中的次数满足预设条件。
可选的,在所述根据所述实体页面数据以及预先存储的页面公共数据进行页面渲染之前,所述方法还包括:
若应用启动,获取所述页面公共数据;其中,所述应用为用于加载所述目标页面的应用;或,
若接收页面加载请求,获取所述页面公共数据。
第二方面,本发明提供了一种页面加载装置,包括:
响应模块,用于响应针对目标页面的页面加载请求,确定所述目标页面对应的实体页面数据;
加载模块,用于根据所述实体页面数据以及预先存储的页面公共数据进行页面渲染,加载所述目标页面。
可选的,所述响应模块,具体用于:
响应针对目标页面的页面加载请求,确定所述目标页面对应的实体页面数据,以及所述目标页面的子级页面所对应的实体页面数据;其中,所述子级页面为响应于在所述目标页面的操作所切换到的页面;
相应地,所述装置还包括预加载模块,用于:
根据所述页面公共数据与所述子级页面对应的实体页面数据,预加载所述子级页面。
可选的,所述响应模块,还具体用于:
根据所述目标页面确定所述目标页面对应的子级页面;
根据分割标识,将所述目标页面对应的实体页面数据,以及所述子级页面所对应的实体页面数据存储至同一文件中。
可选的,所述响应模块,还具体用于
根据分割标识,为所述目标页面对应的实体页面数据,以及所述子级页面所对应的实体页面数据均配置相同的文件标识;
根据所述文件标识,将所述目标页面对应的实体页面数据,以及所述子级页面所对应的实体页面数据存储至同一文件中。
可选的,所述装置还包括:
确定模块,用于在所述确定所述目标页面对应的实体页面数据之后,根据所述目标页面确定所述目标页面对应的子级页面,其中,所述子级页面为响应于在所述目标页面的操作所切换到的页面;
第一获取模块,用于获取所述子级页面对应的实体页面数据;
预加载模块,用于根据所述页面公共数据与所述子级页面对应的实体页面数据,预加载所述子级页面。
可选的,所述子级页面是根据历史数据中页面切换情况所确定的,所述页面切换情况为响应于在所述目标页面的操作切换到子级页面的情况;所述子级页面出现在所述页面切换情况中的次数满足预设条件。
可选的,所述装置还包括:
第二获取模块,用于若应用启动,获取所述页面公共数据;其中,所述应用为用于加载所述目标页面的应用;或,接收页面加载请求,获取所述页面公共数据。
第三方面,本发明提供了一种可读介质,包括执行指令,当电子设备的处理器执行所述执行指令时,所述电子设备执行如第一方面中任一所述的方法。
第四方面,本发明提供了一种电子设备,包括处理器以及存储有执行指令的存储器,当所述处理器执行所述存储器存储的所述执行指令时,所述处理器执行如第一方面中任一所述的方法。
由上述技术方案可以看出,当接收到针对目标页面的页面加载请求时,可以响应该页面加载请求,确定该目标页面对应的实体页面数据,并根据该实体页面数据以及预先存储的页面公共数据进行页面渲染,加载所述目标页面。由于本地预先存储的页面公共数据可以包括加载各个页面所需公共部分的、与具体页面状态无关的数据,因此,当需要加载页面时,不需要再获取页面公共数据,而仅需要获取目标页面对应的实体页面数据,这样,相当于已经提前下载了页面数据中的一部分数据,而不需要再下载全部页面数据,从而实现了在不增加硬件成本的前提下,通过减少加载页面所需要下载的数据量,缩短了页面加载的时间,减少用户等待页面加载的时间,提高用户体验。
上述的非惯用的优选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。
附图说明
为了更清楚地说明本发明实施例或现有的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明中记载的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本发明一实施例提供的一种示例性应用场景的框架示意图;
图2为本发明一实施例提供的一种页面加载方法的流程示意图;
图3为本发明一实施例提供的一种页面加载装置的结构示意图;
图4为本发明一实施例提供的一种电子设备的结构示意图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚,下面将结合具体实施例及相应的附图对本发明的技术方案进行清楚、完整地描述。显然,所描述的实施例仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
为了解决现有技术中采用添加服务器数量或增加服务器网络带宽的处理方式,会导致缩短web页面加载时间的成本大大增加的问题。本发明提供了一种页面加载方法,在本方法中,由于本地预先存储了页面公共数据,其中,页面公共数据可以包括加载各个页面所需公共部分的、与具体页面状态无关的数据;因此,当需要加载目标页面时,不需要再获取页面公共数据这一部分数据,而仅需要获取目标页面对应的实体页面数据,这样,便可以实现在不增加硬件成本的前提下,通过减少加载页面所需要下载的数据量,缩短了页面加载的时间,减少用户等待页面加载的时间,提高用户体验。
举例说明,本发明实施例可以应用到如图1所示的场景。在该场景中,终端设备101可以是手机、ipad、台式电脑等任一具有通信功能的设备,其中,该终端101中预先存储有页面公共数据,且服务器102中存储有各个页面对应的实体页面数据。当终端101接收到用户针对目标页面的页面加载请求时,可以从服务器102中获取该目标页面对应的实体页面数据,并且,终端101可以根据本地预先存储的页面公共数据以及目标页面对应的实体页面数据,进行页面渲染,以完成目标页面的加载。可以理解的是,在上述应用场景中,服务器102也可以为其他终端,需要说明的是,为了便于说明,在下面的实施例中将主要以图1所示的场景(即终端与服务器)进行举例说明。
下面结合附图,详细说明本发明的各种非限制性实施方式。
参见图2,示出了本发明实施例中的一种页面加载方法。在本实施例中,所述方法例如可以包括以下步骤:
S201:响应针对目标页面的页面加载请求,确定所述目标页面对应的实体页面数据。
在本实施例中,页面可以理解为一个包含HTML标签的纯文本文件,是万维网中的一页,即web网页。终端中可以设置有用于加载页面的应用,例如浏览器。当终端启动用于加载页面的应用之后,若接收到在该应用中针对目标页面的页面加载请求,例如,用户在该应用中输入目标页面对应的网址或者点击该目标页面对应的链接;则终端可以响应该页面加载请求,获取该目标页面对应的实体页面数据。在一种可能的实现方式中,各个页面的实体页面数据可以预先存储在服务器中,当终端需要加载目标页面对应的实体页面数据时,可以从服务器获取目标页面对应的实体页面数据。
需要说明的是,一个页面对应的实体页面数据可以为该页面在打开时所需的不依赖其他资源且只属于该页面的数据信息,例如,一个页面对应的实体页面数据可以包括该页面独有的JavaScript、css、图标icon等所需要展示的展示内容。也就是说,一个页面对应的实体页面数据为该页面中特有的数据信息,可以理解的是,对于两个不同的页面而言,这两个页面各自对应的实体页面数据可以是不相同的。
S202:根据所述实体页面数据以及预先存储的页面公共数据进行页面渲染,加载所述目标页面。
在本实施例中,终端本地可以预先存储有页面公共数据,其中,该页面公共数据可以为各个页面打开时均需要依赖的公共部分的数据信息,例如页面公共数据可以包括:http网络请求信息、一些表单验证判断信息(比如身份证格式校验信息、手机号正确性校验信息等)等信息提示类的页面弹框、第三方库类(如vue、vue-router、axios等)等。也就是说,各个页面均对应同一个页面公共数据,因此,对于各个页面而言,不同的实体页面数据均可以与该页面公共数据配合,以打开各个实体页面数据所对应的页面,可以理解的是,打开页面所需要的数据可以包括页面对应的实体页面数据以及页面公共数据。这样,无论后续需要启动任意一个页面,都相当于已经在打开页面前完成了页面打开所需下载的部分数据,减少了打开页面所需要下载的数据量,缩短了页面打开的时间,减少用户等待页面打开的时间,提高用户体验。
具体地,终端获取目标页面对应的实体页面数据后,可以根据该实体页面数据以及本地预先存储的页面公共数据进行页面渲染,即加载该目标页面,以完成所述目标页面加载,从而打开该目标页面。
接下来,将具体介绍终端获取页面公共数据的两种方式。
第一种获取页面公共数据的方式:终端可以在启动应用时获取页面公共数据。
具体地,终端可以在根据所述实体页面数据以及预先存储的页面公共数据进行页面渲染之前,检测应用是否启动,若应用启动,则获取所述页面公共数据。
在本方式的一种可能实现方式中,可以在应用启动时,或者在应用启动了预设时间后,检测本地是否预存有页面公共数据,若本地缓存有该页面公共数据,则直接读取该页面公共数据,若本地未缓存有该页面公共数据,则可以从其他设备(例如服务器或者其他第三方设备)获取页面公共数据。
第二种获取页面公共数据的方式:终端可以在接收到页面加载请求时获取页面公共数据。
具体地,终端可以在根据所述实体页面数据以及预先存储的页面公共数据进行页面渲染之前,检测是否接收到页面加载请求,若接收到页面加载请求,则获取所述页面公共数据。
在本方式的一种可能实现方式中,在接收到页面加载请求时,可以检测本地是否预存有页面公共数据,若本地缓存有该页面公共数据,则直接读取该页面公共数据,若本地未缓存有该页面公共数据,则可以从其他设备(例如服务器或者其他第三方设备)获取页面公共数据。
在介绍完终端获取页面公共数据的具体方式后,接下来,将介绍如何将页面对应的数据分为页面公共数据和实体页面数据。
作为一种示例,在常用的BS/CS(browser-service/client-service)架构中,对于web页面对应的页面数据,可以先利用模块打包器(例如JavaScript应用程序的静态模块打包器webpack)将web页面对应的页面数据打包成一个资源文件。然后,可以利用模块打包器中代码分割插件(比如webpack中的CommonsChunkPlugin),将该资源文件中属于页面公共数据的数据提取至同一文件,该资源文件中剩余的资源作为为该web页面的资源文件。这样,分别利用模块打包器以及代码分割插件,对各个页面的页面数据进行数据提取,就能得到各个页面各自对应的实体页面数据,以及页面公共数据。以便当用户需要访问某个页面时,只需要从服务器加载该页面对应的实体页面数据即可。
由上述技术方案可以看出,当接收到针对目标页面的页面加载请求时,可以响应该页面加载请求,确定该目标页面对应的实体页面数据,并根据该实体页面数据以及预先存储的页面公共数据进行页面渲染,加载所述目标页面。由于本地预先存储的页面公共数据可以包括加载各个页面所需公共部分的、与具体页面状态无关的数据,因此,当需要加载页面时,不需要再获取页面公共数据,而仅需要获取目标页面对应的实体页面数据,这样,相当于已经提前下载了页面数据中的一部分数据,而不需要再下载全部页面数据,从而实现了在不增加硬件成本的前提下,通过减少加载页面所需要下载的数据量,缩短了页面加载的时间,减少用户等待页面加载的时间,提高用户体验。
在用户通过终端中的应用浏览目标页面的过程中,当用户通过终端在该目标页面中执行了页面切换操作时,才开始加载需要切换到的另一个页面,然而,由于加载该另一个页面需要花费一定的时间,因此,会导致用户执行了能够使目标页面发生切换的操作后,终端还需要等待一段时间才能够切换到该另一个页面(即打开该另一个页面),从而造成不好的用户体验。
故此,在本申请实施例中,可以同时获取目标页面对应的实体页面数据以及该目标页面的下一个页面对应的实体页面数据,或者,可以在加载目标页面或展示该目标页面之后,获取该目标页面的下一个页面对应的实体页面数据。接下来,将对这两种方式分别进行介绍。
第一种方式:同时获取目标页面对应的实体页面数据以及该目标页面的下一个页面对应的实体页面数据。
具体地,在本方式的一种实现方式中,上述图2对应的实施例中S201可以包括以下步骤:
S2010:响应针对目标页面的页面加载请求,获取所述目标页面对应的实体页面数据,以及所述目标页面的子级页面所对应的实体页面数据。
其中,所述子级页面可以为响应于在目标页面的操作所切换到的页面;例如,子级页面可以为目标页面的下一级页面,举例来说,假设目标页面为腾讯视频,子级页面可以为电视剧《亲爱的,热爱的》对应的页面;又例如,子级页面可以为目标页面的关联页面,举例来说,假设目标页面为A大学官方网站,且目标页面中有B大学官方网站对应的网站链接,则该目标页面的子级页面可以为B大学官方网站对应的页面;还例如,子级页面可以为目标页面的不相关页面,举例来说,假设目标页面为百度页面,且用户经常在打开百度页面的同时,也会打开酷狗音乐页面,那么,子级页面可以为与百度页面不相关的酷狗音乐页面;当然,子级界面与目标页面之间的关系还可以为其他情况,在这里不再一一列举。
在实施例中,终端在接收到针对目标页面的页面加载请求后,可以响应该页面加载请求,同时获取该目标页面对应的实体页面数据,以及该目标页面的子级页面所对应的实体页面数据,需要说明的是,可以获取该目标页面的一个子级页面所对应的实体页面数据,也可以获取该目标页面的多个子级页面所对应的所对应的实体页面数据。例如,可以响应针对目标页面的页面加载请求,从服务器获取到包括了目标页面对应的实体页面数据以及其一个或多个子级页面所对应的实体页面数据的文件。
S2011:根据所述页面公共数据与所述子级页面对应的实体页面数据,预加载所述子级页面。
在获取到目标页面对应的实体页面数据,以及该目标页面的子级页面所对应的实体页面数据之后,且在终端检测到针对该目标页面的切换操作之前,终端可以根据该子级页面对应的实体页面数据以及页面公共数据进行预加载。作为一种示例,终端可以先根据子级界面的实体页面数据(例如,需要展示的界面内容)以及页面公共数据进行页面渲染,渲染完成后的页面缓存到存储介质中;当需要展示该子级页面时,终端可以从该存储介质中读取该渲染完成后的页面,并可以通过应用将该子级页面进行展示。
需要说明的是,在一种可能的实现方式,在获取所述目标页面对应的实体页面数据,以及所述目标页面的子级页面所对应的实体页面数据之前,所述方法还可以包括以下步骤:
S10:根据所述目标页面确定所述目标页面对应的子级页面。
在本实施例中,可以预先确定各个页面之间的对应关系,在确定目标页面之后,可以根据预设的各个页面之间的对应关系,确定该目标页面对应的子级页面。
S20:根据分割标识,将所述目标页面对应的实体页面数据,以及所述子级页面所对应的实体页面数据存储至同一文件中。
在确定目标页面对应的子级页面之后,需要将目标页面对应的实体页面数据以及该子级页面对应的实体页面数据存储至同一文件中,以便终端方便获取目标页面对应的实体页面数据以及该子级页面对应的实体页面数据。
具体地,在确定目标页面对应的子级页面之后,可以根据分割标识(例如,/*webpackChunkName:"splitName"*/,其中,splitName为分割后的文件标识),为目标页面对应的实体页面数据,以及所述子级页面所对应的实体页面数据均配置相同的文件标识。作为一种示例,可以在目标页面和子级页面各自的文件路由对应的引用配置文件中均分别添加分割标识,以便可以为目标页面的实体页面数据配置一文件标识,以及为子级页面的实体页面数据也配置相同的文件标识,举例来说,假设在目标页面和子级页面各自的文件路由对应的引用配置文件中均分别添加分割标识/*webpackChunkName:"AA"*/,则目标页面的实体页面数据会被配置一文件标识“AA”,以及子级页面的实体页面数据也会被配置相同的文件标识“AA”。
在为目标页面对应的实体页面数据,以及子级页面所对应的实体页面数据均配置相同的文件标识之后,可以根据文件标识(即根据目标页面的实体页面数据对应的文件标识以及子级页面的实体页面数据对应的文件标识),将目标页面对应的实体页面数据,以及子级页面所对应的实体页面数据存储至同一文件中。也就是说,当两个实体页面数据的文件标识相同时,说明这两个实体页面数据各自对应的页面之间可以为目标页面与子级页面的对应关系,故可以将这两个实体页面数据存储至同一文件中。
第二种方式:可以在确定目标页面对应的实体页面数据(比如加载目标页面或展示该目标页面)之后,获取该目标页面的下一个页面对应的实体页面数据。
在本方式中,在接收到页面加载请求之后,终端可以每展示一个页面,便会预加载该页面的下一个页面或之后的多个页面,例如可以是预先缓存该页面的下一个页面的实体页面数据,或之后的多个页面分别对应的实体页面数据。
具体地,在本方式的一种实现方式中,上述图2对应的实施例中,在所述确定所述目标页面对应的实体页面数据之后,所述方法还可以包括以下步骤:
步骤A:根据所述目标页面确定所述目标页面对应的子级页面;
步骤B:获取所述子级页面对应的实体页面数据;
在终端获取到目标页面对应的实体页面数据之后,且在根据该目标页面对应的实体页面数据以及页面公共数据对该目标页面完成加载之前或展示该目标页面之时,可以先根据目标页面确定该目标页面对应的子级页面,再从其他设备(例如服务器或者第三方设备)中获取该子级页面对应的实体页面数据。例如,假设目标页面为腾讯视频对应的页面,电视剧“亲爱的,热爱的”对应的页面为该目标页面的子级页面;终端在对腾讯视频对应的页面进行加载的同时或者展示该目标页面的同时,获取电视剧“亲爱的,热爱的”对应的页面的实体页面数据。
步骤C:根据所述页面公共数据与所述子级页面对应的实体页面数据,预加载所述子级页面。
在获取到目标页面的子级页面所对应的实体页面数据之后,且在终端根据该目标页面对应的实体页面数据以及页面公共数据对该目标页面完成加载之前或展示该目标页面之时,终端可以根据该子级页面对应的实体页面数据以及页面公共数据进行预加载。作为一种示例,终端可以先根据子级界面的实体页面数据(例如,需要展示的界面内容)以及页面公共数据进行页面渲染,渲染完成后的页面缓存到存储介质中;当需要展示该子级页面时,终端可以从该存储介质中读取该渲染完成后的页面,并可以通过应用将该子级页面进行展示。
在介绍完获取子级页面的实体页面数据的两种方式之后,需要说明的是,子级页面可以是根据历史数据中页面切换情况所确定的。
其中,页面切换情况可以为响应于在目标页面的操作切换到子级页面的情况;例如,当用户在腾讯视频对应的页面中点击电视剧《亲爱的,热爱的》页面对应的链接时,应用可以将展示页面切换到视剧《亲爱的,热爱的》对应的页面,此时,可以将该情况作为页面切换情况;又例如,当用户在A大学官方网站对应的页面中点击B大学官方网站对应的网站链接时,应用可以将展示页面切换到B大学官方网站对应的对应的页面,此时,可以将该情况作为页面切换情况;还例如,在用户在打开百度对应的页面之后,又打开酷狗音乐对应的页面,此时,可以将该情况作为页面切换情况;当然,页面切换情况还可以为其他情况,在这里不再一一列举。
需要强调的是,该历史数据可以是包括了某用户的个人页面切换情况的个人历史数据,即子级页面可以是通过根据该用户的个人历史数据所确定的;当然,该历史数据可以为包括多个或大量用户的页面切换情况的大数据,并且子级页面是通过该大数据所确定的。
如果用户不小心点错页面链接导致发生的页面切换情况并不是用户实际想要发生的页面切换情况,例如,用户在腾讯视频对应的页面中原本是想点击电视剧《亲爱的,热爱的》对应的页面链接,而不小心点击了电视剧《亮剑》对应的页面链接,就将该情况中与腾讯视频页面(即目标页面)所对应的子级页面确定为电视剧《亮剑》对应的页面;那么,当用户再次打开腾讯视频页面时,由于与其有对应关系的电视剧《亮剑》对应的页面的实体页面数据会预先加载,因此,只有当用户点击电视剧《亲爱的,热爱的》对应的页面链接之后,终端才会开始获取电视剧《亲爱的,热爱的》对应的页面的实体页面数据,而不会预先获取电视剧《亲爱的,热爱的》对应的页面的实体页面数据,从而不利于预先加载用户想要打开的子级页面的实体页面数据。
为了避免上述情况的发生,在一种实现方式中,本实施例中的子级页面出现在页面切换情况中的次数满足预设条件,例如,该预设条件可以是出现的次数,即子级页面出现在页面切换情况中的次数大于预设阈值。以希望目标页面对应的子级页面中不会涵盖这种偶尔出现页面切换错误情况中的子级页面,以避免在对子级页面加载的过程中出现用户等待子级页面打开的时间较长的情况,从而提高用户体验。
由上述技术方案可以看出,可以通过同时获取目标页面对应的实体页面数据以及该目标页面的下一个页面对应的实体页面数据,或者,在加载目标页面或展示该目标页面的同时,获取该目标页面的下一个页面对应的实体页面数据。这样,由于应用在目标页面加载或展示时,已经完成了子级页面的预加载,因此,终端检测到在目标页面中的页面切换操作后,便可以将已经预加载的子级页面进行展示,即已经在需要展示子级页面之前完成了该子级页面的加载,从而缩短了从目标页面切换到子级页面所耗费的时间,减少了用户等待时间,提高用户体验。
如图3所示,为本发明所述页面加载装置的一个具体实施例。本实施例所述装置,即用于执行上述实施例所述方法的实体装置。其技术方案本质上与上述实施例一致,上述实施例中的相应描述同样适用于本实施例中。本实施例中所述装置包括:
响应模块301,用于响应针对目标页面的页面加载请求,确定所述目标页面对应的实体页面数据;
加载模块302,用于根据所述实体页面数据以及预先存储的页面公共数据进行页面渲染,加载所述目标页面。
可选的,所述响应模块301,具体用于:
响应针对目标页面的页面加载请求,确定所述目标页面对应的实体页面数据,以及所述目标页面的子级页面所对应的实体页面数据;其中,所述子级页面为响应于在所述目标页面的操作所切换到的页面;
相应地,所述装置还包括预加载模块,用于:根据所述页面公共数据与所述子级页面对应的实体页面数据,预加载所述子级页面。
可选的,所述响应模块301,还具体用于:
根据所述目标页面确定所述目标页面对应的子级页面;
根据分割标识,将所述目标页面对应的实体页面数据,以及所述子级页面所对应的实体页面数据存储至同一文件中。
可选的,所述响应模块301,还具体用于:
根据分割标识,为所述目标页面对应的实体页面数据,以及所述子级页面所对应的实体页面数据均配置相同的文件标识;
根据所述文件标识,将所述目标页面对应的实体页面数据,以及所述子级页面所对应的实体页面数据存储至同一文件中。
可选的,所述装置还包括:
确定模块,用于在所述确定所述目标页面对应的实体页面数据之后,根据所述目标页面确定所述目标页面对应的子级页面,其中,所述子级页面为响应于在所述目标页面的操作所切换到的页面;
第一获取模块,用于获取所述子级页面对应的实体页面数据;
预加载模块,用于根据所述页面公共数据与所述子级页面对应的实体页面数据,预加载所述子级页面。
可选的,所述子级页面是根据历史数据中页面切换情况所确定的,所述页面切换情况为响应于在所述目标页面的操作切换到子级页面的情况;所述子级页面出现在所述页面切换情况中的次数满足预设条件。
可选的,所述装置还包括:
第二获取模块,用于若应用启动,获取所述页面公共数据;其中,所述应用为用于加载所述目标页面的应用;或,若接收到页面加载请求,获取所述页面公共数据。
图4是本发明实施例提供的一种电子设备的结构示意图。在硬件层面,该电子设备包括处理器,可选地还包括内部总线、网络接口、存储器。其中,存储器可能包含内存,例如高速随机存取存储器(Random-Access Memory,RAM),也可能还包括非易失性存储器(non-volatile memory),例如至少1个磁盘存储器等。当然,该电子设备还可能包括其他业务所需要的硬件。
处理器、网络接口和存储器可以通过内部总线相互连接,该内部总线可以是ISA(Industry Standard Architecture,工业标准体系结构)总线、PCI(PeripheralComponent Interconnect,外设部件互连标准)总线或EISA(Extended Industry StandardArchitecture,扩展工业标准结构)总线等。所述总线可以分为地址总线、数据总线、控制总线等。为便于表示,图4中仅用一个双向箭头表示,但并不表示仅有一根总线或一种类型的总线。
存储器,用于存放执行指令。具体地,执行指令即可被执行的计算机程序。存储器可以包括内存和非易失性存储器,并向处理器提供执行指令和数据。
在一种可能实现的方式中,处理器从非易失性存储器中读取对应的执行指令到内存中然后运行,也可从其它设备上获取相应的执行指令,以在逻辑层面上形成页面加载装置。处理器执行存储器所存放的执行指令,以通过执行的执行指令实现本发明任一实施例中提供的页面加载方法。
上述如本发明图2所示实施例提供的页面加载装置执行的方法可以应用于处理器中,或者由处理器实现。处理器可能是一种集成电路芯片,具有信号的处理能力。在实现过程中,上述方法的各步骤可以通过处理器中的硬件的集成逻辑电路或者软件形式的指令完成。上述的处理器可以是通用处理器,包括中央处理器(Central Processing Unit,CPU)、网络处理器(Network Processor,NP)等;还可以是数字信号处理器(Digital SignalProcessor,DSP)、专用集成电路(Application Specific Integrated Circuit,ASIC)、现场可编程门阵列(Field-Programmable Gate Array,FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本发明实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
结合本发明实施例所公开的方法的步骤可以直接体现为硬件译码处理器执行完成,或者用译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于随机存储器,闪存、只读存储器,可编程只读存储器或者电可擦写可编程存储器、寄存器等本领域成熟的存储介质中。该存储介质位于存储器,处理器读取存储器中的信息,结合其硬件完成上述方法的步骤。
本发明实施例还提出了一种可读介质,该可读存储介质存储有执行指令,存储的执行指令被电子设备的处理器执行时,能够使该电子设备执行本发明任一实施例中提供的页面加载方法,并具体用于执行上述页面加载所述的方法。
前述各个实施例中所述的电子设备可以为计算机。
本领域内的技术人员应明白,本发明的实施例可提供为方法或计算机程序产品。因此,本发明可采用完全硬件实施例、完全软件实施例,或软件和硬件相结合的形式。
本发明中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于装置实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
以上所述仅为本发明的实施例而已,并不用于限制本发明。对于本领域技术人员来说,本发明可以有各种更改和变化。凡在本发明的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本发明的权利要求范围之内。
Claims (10)
1.一种页面加载方法,其特征在于,包括:
响应针对目标页面的页面加载请求,确定所述目标页面对应的实体页面数据;
根据所述实体页面数据以及预先存储的页面公共数据进行页面渲染,加载所述目标页面。
2.根据权利要求1所述的方法,其特征在于,所述响应针对目标页面的页面加载请求,确定所述目标页面对应的实体页面数据,包括:
响应针对目标页面的页面加载请求,确定所述目标页面对应的实体页面数据,以及所述目标页面的子级页面所对应的实体页面数据;其中,所述子级页面为响应于在所述目标页面的操作所切换到的页面;
相应地,在所述获取所述目标页面对应的实体页面数据,以及所述目标页面的子级页面所对应的实体页面数据之后,所述方法还包括:
根据所述页面公共数据与所述子级页面对应的实体页面数据,预加载所述子级页面。
3.根据权利要求2所述的方法,其特征在于,在所述获取所述目标页面对应的实体页面数据,以及所述目标页面的子级页面所对应的实体页面数据之前,所述方法还包括:
根据所述目标页面确定所述目标页面对应的子级页面;
根据分割标识,将所述目标页面对应的实体页面数据,以及所述子级页面所对应的实体页面数据存储至同一文件中。
4.根据权利要求3所述的方法,其特征在于,所述根据分割标识,将所述目标页面对应的实体页面数据,以及所述子级页面所对应的实体页面数据存储至同一文件中,包括:
根据分割标识,为所述目标页面对应的实体页面数据,以及所述子级页面所对应的实体页面数据均配置相同的文件标识;
根据所述文件标识,将所述目标页面对应的实体页面数据,以及所述子级页面所对应的实体页面数据存储至同一文件中。
5.根据权利要求1所述的方法,其特征在于,在所述确定所述目标页面对应的实体页面数据之后,所述方法还包括:
根据所述目标页面确定所述目标页面对应的子级页面,其中,所述子级页面为响应于在所述目标页面的操作所切换到的页面;
获取所述子级页面对应的实体页面数据;
根据所述页面公共数据与所述子级页面对应的实体页面数据,预加载所述子级页面。
6.根据权利要求2或5所述的方法,其特征在于,所述子级页面是根据历史数据中页面切换情况所确定的,所述页面切换情况为响应于在所述目标页面的操作切换到子级页面的情况;所述子级页面出现在所述页面切换情况中的次数满足预设条件。
7.根据权利要求1-5中任一所述的方法,其特征在于,在所述根据所述实体页面数据以及预先存储的页面公共数据进行页面渲染之前,所述方法还包括:
若应用启动,获取所述页面公共数据;其中,所述应用为用于加载所述目标页面的应用;或,
若接收页面加载请求,获取所述页面公共数据。
8.一种页面加载装置,其特征在于,包括:
响应模块,用于响应针对目标页面的页面加载请求,获取所述目标页面对应的实体页面数据;
加载模块,用于根据所述实体页面数据以及预先存储的页面公共数据进行页面渲染,以完成所述目标页面加载。
9.一种可读介质,包括执行指令,当电子设备的处理器执行所述执行指令时,所述电子设备执行如权利要求1至7中任一所述的方法。
10.一种电子设备,包括处理器以及存储有执行指令的存储器,当所述处理器执行所述存储器存储的所述执行指令时,所述处理器执行如权利要求1至7中任一所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911076547.9A CN111046308A (zh) | 2019-11-06 | 2019-11-06 | 一种页面加载方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911076547.9A CN111046308A (zh) | 2019-11-06 | 2019-11-06 | 一种页面加载方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN111046308A true CN111046308A (zh) | 2020-04-21 |
Family
ID=70232281
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201911076547.9A Pending CN111046308A (zh) | 2019-11-06 | 2019-11-06 | 一种页面加载方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111046308A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112650549A (zh) * | 2020-12-23 | 2021-04-13 | 平安普惠企业管理有限公司 | 一种页面跳转方法、装置、终端以及存储介质 |
CN113065083A (zh) * | 2021-02-26 | 2021-07-02 | 北京达佳互联信息技术有限公司 | 一种页面处理方法、装置、电子设备及存储介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104731974A (zh) * | 2015-04-13 | 2015-06-24 | 上海新炬网络信息技术有限公司 | 基于大数据流式计算的动态页面加载方法 |
CN106775637A (zh) * | 2016-11-18 | 2017-05-31 | 腾讯音乐娱乐(深圳)有限公司 | 一种应用程序的页面显示方法和装置 |
CN108108205A (zh) * | 2016-11-25 | 2018-06-01 | 腾讯科技(深圳)有限公司 | 应用程序页面处理方法和装置 |
CN110096663A (zh) * | 2019-03-18 | 2019-08-06 | 中国平安人寿保险股份有限公司 | 页面加载方法、装置、电子设备及计算机可读存储介质 |
CN110287432A (zh) * | 2019-06-28 | 2019-09-27 | 北京金山安全软件有限公司 | 网络信息处理方法、装置和电子设备 |
-
2019
- 2019-11-06 CN CN201911076547.9A patent/CN111046308A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104731974A (zh) * | 2015-04-13 | 2015-06-24 | 上海新炬网络信息技术有限公司 | 基于大数据流式计算的动态页面加载方法 |
CN106775637A (zh) * | 2016-11-18 | 2017-05-31 | 腾讯音乐娱乐(深圳)有限公司 | 一种应用程序的页面显示方法和装置 |
CN108108205A (zh) * | 2016-11-25 | 2018-06-01 | 腾讯科技(深圳)有限公司 | 应用程序页面处理方法和装置 |
CN110096663A (zh) * | 2019-03-18 | 2019-08-06 | 中国平安人寿保险股份有限公司 | 页面加载方法、装置、电子设备及计算机可读存储介质 |
CN110287432A (zh) * | 2019-06-28 | 2019-09-27 | 北京金山安全软件有限公司 | 网络信息处理方法、装置和电子设备 |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112650549A (zh) * | 2020-12-23 | 2021-04-13 | 平安普惠企业管理有限公司 | 一种页面跳转方法、装置、终端以及存储介质 |
CN113065083A (zh) * | 2021-02-26 | 2021-07-02 | 北京达佳互联信息技术有限公司 | 一种页面处理方法、装置、电子设备及存储介质 |
CN113065083B (zh) * | 2021-02-26 | 2023-10-31 | 北京达佳互联信息技术有限公司 | 一种页面处理方法、装置、电子设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US20130212465A1 (en) | Postponed rendering of select web page elements | |
US9602347B2 (en) | Method, system and program for browser to switch IE kernel | |
CN108449316B (zh) | 一种反爬虫方法、服务器和客户端 | |
US8812658B1 (en) | Pre-fetching of network page content | |
JP2019520624A (ja) | ページコンポーネント動的レイアウト | |
CN108427731B (zh) | 页面代码的处理方法、装置、终端设备及介质 | |
CN111666497B (zh) | 应用程序的加载方法、装置、电子设备及可读存储介质 | |
CN107590228B (zh) | 一种页面内容处理方法及移动终端 | |
US20140222947A1 (en) | Method and apparatus for browsings webpages, and storage medium | |
CN112364277A (zh) | 一种网页加载方法及装置 | |
WO2015000383A1 (en) | Method, apparatus and system for information recommending | |
CN111639278A (zh) | 一种网页加载方法及装置 | |
CN107800611B (zh) | 一种页面切换的方法及页面切换装置 | |
CN110555179A (zh) | 一种动态网站脚本取证方法、终端设备及存储介质 | |
CN111046308A (zh) | 一种页面加载方法及装置 | |
CN107479868B (zh) | 一种界面加载方法、装置及设备 | |
CN110889073B (zh) | 页面请求的响应方法、服务器及计算机存储介质 | |
CN115357834A (zh) | 页面跳转方法、装置、设备以及存储介质 | |
CN104899203B (zh) | 一种网页页面的生成方法、装置及终端设备 | |
CN103559097A (zh) | 一种浏览器中进程间通信的方法、装置和浏览器 | |
CN108509228B (zh) | 加载页面的方法、终端设备及计算机可读存储介质 | |
CN110708270B (zh) | 异常链接检测方法以及装置 | |
CN108268298B (zh) | 桌面图标的生成方法、装置、存储介质及电子设备 | |
CN110083355B (zh) | 一种app页面的处理方法及装置 | |
CN112187622A (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 | ||
TA01 | Transfer of patent application right | ||
TA01 | Transfer of patent application right |
Effective date of registration: 20230327 Address after: Room 304, Unit 1, Floor 4, Building 9, West District, No. 9 Courtyard, Linglong Road, Haidian District, Beijing, 100089 Applicant after: BEIJING YIYIYUN TECHNOLOGY Co.,Ltd. Address before: 301800 220-41, customs building, energy saving and environmental protection industrial zone, Baodi District, Tianjin Applicant before: TIANJIN HAPPINESS LIFE TECHNOLOGY Co.,Ltd. |