网页预加载方法、装置及计算机设备制造方法及图纸

技术编号:27975895 阅读:18 留言:0更新日期:2021-04-06 14:10
本申请公开了一种网页预加载方法、装置及计算机设备,该方法包括:向服务器查询当前网页对应的下级网页的通用资源以及非通用资源,下载并存储到浏览器预设的缓存单元;将所述通用资源加载到页面显示进程;接收用户基于所述当前页面触发的目标网页的访问请求;根据所述访问请求从所述缓存单元中查询出所述目标网页对应的非通用资源并加载到所述页面显示进程;挂载所述页面显示进程以显示所述目标页面。本申请还提供一种计算机可读存储介质。本申请能够有效提高网页的预加载的效率,从而解决了下级网页过多时执行效率差的问题。

【技术实现步骤摘要】
网页预加载方法、装置及计算机设备
本申请涉及互联网
,尤其涉及一种网页预加载方法、装置及计算机设备。
技术介绍
随着网络技术的发展,现在的网站信息量越来越大,一个网页上包含的图像、动画、布局、导航等等信息也极其丰富,网页的显示效果越来越动人。然而,网页在显示过程中需要加载的数据量也越来越多了。而对于网页的加载,一般都是根据用户的访问请求加载对应的网页,因此,网页包含的数据量越多,加载所需要的时间也就越长,用户等待的时间也就越长。在现有技术中,浏览器通常在展示网页的首页页面后会将首页页面的下级页面对应的静态资源预先加载到浏览器对应的页面容器,从而形成所述下级页面的预加载页面,然后在接收用户对于所述下级页面的访问请求时能够快速获取所述下级页面的动态资源并渲染到所述预加载页面,从而有效提升展示出下级页面的速度。由于不同业务功能对应的页面所需要的静态资源并不一致,预加载页面往往仅能够加速一个类型的业务功能对应的页面的展示速度,而一个页面的下级页面并不会仅包括一个类型的业务功能的页面。也就是说,现有的网页预加载方式的适用度较小,执行效率较差。
技术实现思路
本申请提出一种网页预加载方法、装置及计算机设备,能够解决现有技术中网页预加载过程中下级网页过多时执行效率差的问题。首先,为实现上述目的,本申请提供一种网页预加载方法,所述方法包括:向服务器查询当前网页对应的下级网页的通用资源以及非通用资源,下载并存储到浏览器预设的缓存单元;将所述通用资源加载到页面显示进程;接收用户基于所述当前页面触发的目标网页的访问请求,所述目标网页为所述当前网页的任一下级网页;根据所述访问请求从所述缓存单元中查询出所述目标网页对应的非通用资源并加载到所述页面显示进程;挂载所述页面显示进程以显示所述目标页面。在一个例子中,所述通用资源包括HTML资源、JS资源、CSS资源和图片资源中的至少一种。在一个例子中,所述根据所述访问请求从所述缓存单元中查询出所述目标网页对应的非通用资源包括:解析出所述访问请求中的资源参数;根据所述资源参数在所述缓存单元中查询出所述目标网页对应的非通用资源。在一个例子中,所述访问请求为URL地址,所述解析出所述访问请求中的资源参数包括:根据预设的字段格式从所述URL地址中解析出资源参数字段,并获取所述资源参数字段中的每一个资源类型的所有的资源键值;将所有的资源键值作为所述访问请求对应的资源参数。在一个例子中,所述非通用资源以非通用资源键值表和非通用资源文件库的方式进行存储,所述根据所述资源参数在所述缓存单元中查询出所述目标网页对应的非通用资源包括:根据所述资源参数中的每一个资源键值在所述非通用资源键值表中查找出对应的非通用资源文件地址;根据每一个非通用资源文件名称从所述非通用资源文件库中查找并调用对应的非通用资源文件作为所述目标网页对应的非通用资源。在一个例子中,所述将所述通用资源加载到页面显示进程包括:查询所述缓存单元中是否存储有所述通用资源;当所述缓存单元中未存储有所述通用资源时,查询预设的强缓存中是否存储有所述通用资源;若所述强缓存中存储有所述通用资源,则从所述强缓存中调用所述通用资源加载到所述页面显示进程。在一个例子中,所述根据所述访问请求从所述缓存单元中查询出所述目标网页对应的非通用资源并加载到所述页面显示进程包括:查询所述缓存单元中是否存储有所述目标网页对应的非通用资源;当所述缓存单元中未存储有所述目标网页对应的非通用资源时,查询所述强缓存中是否存储有所述目标网页对应的非通用资源;若所述强缓存中存储有所述目标网页对应的非通用资源,则从所述强缓存中调用所述目标网页对应的非通用资源加载到所述页面显示进程。在一个例子中,所述通用资源是以文件夹为维度分别对每一类型的业务功能的所有网页进行通用资源归纳并组合从而形成的一个资源文件库。在一个例子中,当从所述非通用资源中未成功查询到所述目标网页对应的非通用资源时,则直接根据所述访问请求从所述服务器下载所述目标网页对应的非通用资源。此外,为实现上述目的,本申请还提供一种网页预加载装置,所述装置包括:下载模块,用于向服务器查询当前网页对应的下级网页的通用资源以及非通用资源,下载并存储到浏览器预设的缓存单元;加载模块,用于将所述通用资源加载到页面显示进程;接收模块,用于接收用户基于所述当前页面触发的目标网页的访问请求,所述目标网页为所述当前网页的任一下级网页;所述加载模块,还用于根据所述访问请求从所述缓存单元中查询出所述目标网页对应的非通用资源并加载到所述页面显示进程;显示模块,用于挂载所述页面显示进程以显示所述目标页面。进一步地,本申请还提出一种计算机设备,所述计算机设备包括存储器、处理器,所述存储器上存储有可在所述处理器上运行的计算机程序,所述计算机程序被所述处理器执行时实现如上述的网页预加载方法的步骤。进一步地,为实现上述目的,本申请还提供一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,所述计算机程序可被至少一个处理器执行,以使所述至少一个处理器执行如上述的网页预加载方法的步骤。相较于现有技术,本申请所提出的网页预加载方法、装置、计算机设备及计算机可读存储介质,能够向服务器查询当前网页对应的下级网页的通用资源以及非通用资源,下载并存储到浏览器预设的缓存单元;将所述通用资源加载到页面显示进程;然后接收用户基于所述当前页面触发的目标网页的访问请求,根据所述访问请求从所述缓存单元中查询出所述目标网页对应的非通用资源并加载到所述页面显示进程;最后挂载所述页面显示进程以显示所述目标页面。通过将当前网页的下级网页对应的通用资源和非通用资源下载到本地,在触发下级网页的访问请求后可快速进行调用并进行渲染,能够有效提高网页的预加载的效率,从而解决了下级网页过多时执行效率差的问题。附图说明图1是本申请一实施例的应用环境示意图;图2是本申请网页预加载方法一具体实施例的流程示意图;图3是本申请一示例性例子通用资源和非通用资源的生成和调用的流程效果图;图4是本申请一示例性例子对目标页面的通用/非通用资源执行调用的流程效果图;图5是本申请网页预加载装置一实施例的程序模块示意图;图6是本申请计算机设备一可选的硬件架构的示意图。具体实施方式为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处所描述的具体实施例仅用以解释本申请,并不用于限定本申请。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。需要说明的是,在本申请中涉及“第一”、“第二”等的描述仅用于描述目的,而不能理解为指示或暗示其相对重要性或者隐含指明所指示的技术特征的数量。由此,限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。另外,各个实施例之间的技术方案可以相互结合,但是必须是本文档来自技高网...

【技术保护点】
1.一种网页预加载方法,其特征在于,所述方法包括:/n向服务器查询当前网页对应的下级网页的通用资源以及非通用资源,下载并存储到浏览器预设的缓存单元;/n将所述通用资源加载到页面显示进程;/n接收用户基于所述当前页面触发的目标网页的访问请求,所述目标网页为所述当前网页的任一下级网页;/n根据所述访问请求从所述缓存单元中查询出所述目标网页对应的非通用资源并加载到所述页面显示进程;/n挂载所述页面显示进程以显示所述目标页面。/n

【技术特征摘要】
1.一种网页预加载方法,其特征在于,所述方法包括:
向服务器查询当前网页对应的下级网页的通用资源以及非通用资源,下载并存储到浏览器预设的缓存单元;
将所述通用资源加载到页面显示进程;
接收用户基于所述当前页面触发的目标网页的访问请求,所述目标网页为所述当前网页的任一下级网页;
根据所述访问请求从所述缓存单元中查询出所述目标网页对应的非通用资源并加载到所述页面显示进程;
挂载所述页面显示进程以显示所述目标页面。


2.如权利要求1所述的网页预加载方法,其特征在于,所述通用资源包括HTML资源、JS资源、CSS资源和图片资源中的至少一种。


3.如权利要求1所述的网页预加载方法,其特征在于,所述根据所述访问请求从所述缓存单元中查询出所述目标网页对应的非通用资源包括:
解析出所述访问请求中的资源参数;
根据所述资源参数在所述缓存单元中查询出所述目标网页对应的非通用资源。


4.如权利要求3所述的网页预加载方法,其特征在于,所述访问请求为URL地址,所述解析出所述访问请求中的资源参数包括:
根据预设的字段格式从所述URL地址中解析出资源参数字段,并获取所述资源参数字段中的每一个资源类型的所有的资源键值;
将所有的资源键值作为所述访问请求对应的资源参数。


5.如权利要求4所述的网页预加载方法,其特征在于,所述非通用资源以非通用资源键值表和非通用资源文件库的方式进行存储,所述根据所述资源参数在所述缓存单元中查询出所述目标网页对应的非通用资源包括:
根据所述资源参数中的每一个资源键值在所述非通用资源键值表中查找出对应的非通用资源文件地址;
根据每一个非通用资源文件名称从所述非通用资源文件库中查找并调用对应的非通用资源文件作为所述目标网页对应的非通用资源。


6.如权利要求1所述的网页预加载方法,其特征在于,所述将所述通用资源加载到页面显示进程包括:
查询所述缓存单元中是否存储有所述通用资源;
当所述缓存单元中未存储有所述通用资源时,查询预设的强缓存中是否存储有所述通用资源;
若所述强缓存中存储有所述通用资源,则从所述强缓存中调用所述通用...

【专利技术属性】
技术研发人员:黄春华
申请(专利权)人:上海哔哩哔哩科技有限公司
类型:发明
国别省市:上海;31

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1