一种二级页面加载的方法及装置制造方法及图纸

技术编号:28836605 阅读:11 留言:0更新日期:2021-06-11 23:33
本发明专利技术涉及计算机技术领域,公开了一种二级页面加载的方法及装置,用于解决现有技术中渲染准备时间长、页面内容相同、页面记载慢和页面加载命中率低的问题。该方法包括:终端在候选二级页面集合中,获取与第一页面地址相匹配的候选二级页面,在确定所述候选二级页面符合渲染规则时,从第一服务器获取对应所述候选二级页面的渲染数据,最后终端基于渲染数据对所述候选二级页面进行渲染,并加载完成渲染的候选二级页面。终端获取与第一页面地址相匹配的候选二级页面,在进一步确定所述候选二级页面已执行完成渲染预处理时,直接获取对应的渲染数据,进行页面渲染操作,减少渲染准备时间,提高页面加载速度和页面加载命中率,生成不同内容的页面。

【技术实现步骤摘要】
一种二级页面加载的方法及装置
本申请涉及计算机
,特别涉及一种二级页面加载的方法及装置。
技术介绍
随着科学技术的发展,人们使用智能终端获取相应的应用服务,例如,用户使用社交类应用程序(Application,APP)实时与他人沟通交流;又例如,用户使用搜索网站查找文献资料。智能终端通常先加载并呈现主页面(后续简称为一级页面),在用户点击主页面之后,再加载并呈现相应的详情页面(后续简称为二级页面),目前提供了三种页面加载的方案,分别是:方案一,服务器直出页面内容。服务器先生成文档对象模型(DocumentObjectModel,DOM),再将DOM封装为超文本标记语言(HyperTextMarkupLanguage,HTML)文件,并将HTML文件和层叠样式表(CascadingStyleSheets,CSS)文件一齐下发给智能终端。这样,智能终端直接解析HTML文件获取DOM,再基于DOM与CSS文件生成相应的Render树,最后将获得的内容数据渲染到Render树相应的节点上,智能终端向用户呈现加载好的二级页面。方案二,智能终端缓存通用文件集合。智能终端会将服务器发送的通用文件集合缓存在本地,以便下一次加载同一个二级页面时,智能终端可以直接从本地获取相应的通用文件集合,节省从服务器上下载通用文件集合的时间,进而基于通用文件集合与获得的内容数据,生成相应的二级页面。一个通用文件指的是在页面加载过程中更新频率较小的文件,如HTML文件、CSS文件等等。方案三,智能终端预渲染二级页面。在用户未点击一级页面时,智能终端提前多个候选二级页面进行渲染,这样,可以在用户点击一级页面后,直接为用户展示相应的二级页面。可采用上述方案,会带来以下问题:首先,随着服务器生成的HTML文件和CSS文件越来越大,智能终端下载文件所花费的时间也随之增大,而且采用方案一生成的页面只能展示相同的内容,无法根据用户需求生成个性化内容;其次,若智能终端使用了对比缓存的方式缓存静态资源,在获取相应的静态资源之前,需要先向服务器发送查询请求,若所述相应的静态资源已更新,则需要接收服务器下发的新的静态资源,进而增加了查询时间,降低了渲染效率;最后,智能终端提前将多个候选二级页面渲染好,可最终只向用户呈现其中一个候选二级页面,不仅占用了大量的渲染进程,可能造成二级页面加载卡顿或者智能终端崩溃,令用户使用体验感差,还降低了页面加载命中率。有鉴于此,需要设计一种新的二级页面加载的方法,以克服上述缺陷。
技术实现思路
本申请实施例提供一种二级页面加载的方法及装置,用以解决现有技术中渲染准备时间长、页面内容相同、页面加载慢和页面加载命中率低的问题。本申请实施例提供的具体技术方案如下:一种二级页面加载的方法,包括:终端获取第一页面地址,并在预设的候选二级页面集合中,获取与所述第一页面地址相匹配的候选二级页面;所述终端确定所述候选二级页面符合预设渲染规则时,从第一服务器获取对应所述候选二级页面的渲染数据;所述终端基于所述渲染数据,对所述候选二级页面进行渲染,并加载完成渲染的候选二级页面。可选的,在终端获取第一页面地址之前,进一步包括:所述终端向第二服务器发送页面地址下载请求,接收所述第二服务器发送的第二页面地址集合;所述终端基于所述第二页面地址集合,生成相应的所述候选二级页面集合,以及接收所述第二服务器发送的各个候选二级页面对应的通用文件集合;所述终端在各个通用文件集合中,分别获取所述各个候选二级页面的运行环境文件,并在所述各个候选二级页面中执行相应的运行环境文件。可选的,所述终端在确定所述候选二级页面符合预设渲染规则时,从第一服务器获取对应所述候选二级页面的渲染数据,包括:所述终端确定所述候选二级页面已执行完成运行环境文件时,基于所述候选二级页面的第二页面地址和预设查询数据地址库,生成表征查询渲染数据的第三页面地址;所述终端基于所述第三页面地址,生成并向所述第一服务器发送渲染数据下载请求;所述终端接收所述第一服务器发送的对应所述候选二级页面的渲染数据。可选的,所述终端基于所述渲染数据,对所述候选二级页面进行渲染,并加载完成渲染的候选二级页面,包括:所述终端解析所述候选二级页面对应的其他通用文件;所述终端在运行环境中将解析后的各个通用文件与所述渲染数据,渲染到所述候选二级页面中,并加载完成渲染的候选二级页面。可选的,进一步包括:所述终端确定不存在与所述第一页面地址相匹配的候选二级页面时,获取所述第二服务器发送的待加载二级页面的通用文件集合,所述待加载二级页面为未执行渲染预处理的页面;所述终端获取所述通用文件集合中的运行环境文件,并在执行完成所述运行环境文件之后,解析其他通用文件;所述终端接收所述第一服务器发送的所述待加载二级页面的渲染数据,以及在运行环境中将解析后的各个通用文件与所述渲染数据渲染为二级页面,并加载完成渲染后的二级页面。可选的,进一步包括:所述终端在确定所述候选二级页面不符合所述渲染规则时,获取所述第二服务器发送的所述待加载二级页面的通用文件集合;所述终端获取所述通用文件集合中的运行环境文件,并在执行完成所述运行环境文件之后,解析所述其他通用文件;所述终端接收所述第一服务器发送的所述待加载二级页面的渲染数据,以及在运行环境中将所述解析后的各个通用文件与所述渲染数据渲染为二级页面,并加载完成所述渲染后的二级页面。一种二级页面加载的装置,包括:匹配单元,用于获取第一页面地址,并在预设的候选二级页面集合中,获取与所述第一页面地址相匹配的候选二级页面;获取单元,用于确定所述候选二级页面符合预设渲染规则时,从第一服务器获取对应所述候选二级页面的渲染数据;加载单元,用于基于所述渲染数据,对所述候选二级页面进行渲染,并加载完成渲染的候选二级页面。可选的,在终端获取第一页面地址之前,所述匹配单元进一步用于:向第二服务器发送页面地址下载请求,接收所述第二服务器发送的第二页面地址集合;基于所述第二页面地址集合,生成相应的所述候选二级页面集合,以及接收所述第二服务器发送的各个候选二级页面对应的通用文件集合;在各个通用文件集合中,分别获取所述各个候选二级页面的运行环境文件,并在所述各个候选二级页面中执行相应的运行环境文件。可选的,在确定所述候选二级页面符合预设渲染规则时,从第一服务器获取对应所述候选二级页面的渲染数据,所述获取单元用于:确定所述候选二级页面已执行完成运行环境文件时,基于所述候选二级页面的第二页面地址和预设查询数据地址库,生成表征查询渲染数据的第三页面地址;基于所述第三页面地址,生成并向所述第一服务器发送渲染数据下载请求;接收所述第一服务器发送的对应所述候选二级页面的渲染数据。可选的,基于所述渲染数据,对所述候选二级页面进行渲染,并本文档来自技高网
...

【技术保护点】
1.一种二级页面加载的方法,其特征在于,包括:/n终端获取第一页面地址,并在预设的候选二级页面集合中,获取与所述第一页面地址相匹配的候选二级页面;/n所述终端确定所述候选二级页面符合预设渲染规则时,从第一服务器获取对应所述候选二级页面的渲染数据;/n所述终端基于所述渲染数据,对所述候选二级页面进行渲染,并加载完成渲染的候选二级页面。/n

【技术特征摘要】
1.一种二级页面加载的方法,其特征在于,包括:
终端获取第一页面地址,并在预设的候选二级页面集合中,获取与所述第一页面地址相匹配的候选二级页面;
所述终端确定所述候选二级页面符合预设渲染规则时,从第一服务器获取对应所述候选二级页面的渲染数据;
所述终端基于所述渲染数据,对所述候选二级页面进行渲染,并加载完成渲染的候选二级页面。


2.如权利要求1所述的方法,其特征在于,在终端获取第一页面地址之前,进一步包括:
所述终端向第二服务器发送页面地址下载请求,接收所述第二服务器发送的第二页面地址集合;
所述终端基于所述第二页面地址集合,生成相应的所述候选二级页面集合,以及接收所述第二服务器发送的各个候选二级页面对应的通用文件集合;
所述终端在各个通用文件集合中,分别获取所述各个候选二级页面的运行环境文件,并在所述各个候选二级页面中执行相应的运行环境文件。


3.如权利要求2所述的方法,其特征在于,所述终端在确定所述候选二级页面符合预设渲染规则时,从第一服务器获取对应所述候选二级页面的渲染数据,包括:
所述终端确定所述候选二级页面已执行完成运行环境文件时,基于所述候选二级页面的第二页面地址和预设查询数据地址库,生成表征查询渲染数据的第三页面地址;
所述终端基于所述第三页面地址,生成并向所述第一服务器发送渲染数据下载请求;
所述终端接收所述第一服务器发送的对应所述候选二级页面的渲染数据。


4.如权利要求3所述的方法,其特征在于,所述终端基于所述渲染数据,对所述候选二级页面进行渲染,并加载完成渲染的候选二级页面,包括:
所述终端解析所述候选二级页面对应的其他通用文件;
所述终端在运行环境中将解析后的各个通用文件与所述渲染数据,渲染到所述候选二级页面中,并加载完成渲染的候选二级页面。


5.如权利要求1-4任一项所述的方法,其特征在于,进一步包括:
所述终端确定不存在与所述第一页面地址相匹配的候选二级页面时,获取所述第二服务器发送的待加载二级页面的通用文件集合,所述待加载二级页面为未执行渲染预处理的页面;
所述终端获取所述通用文件集合中的运行环境文件,并在执行完成所述运行环境文件之后,解析其他通用文件;
所述终端接收所述第一服务器发送的所述待加载二级页面的渲染数据,以及在运行环境中将解析后的各个通用文件与所述渲染数据渲染为二级页面,并加载完成渲...

【专利技术属性】
技术研发人员:黄春华樊执政徐炎骏余黎明许全会
申请(专利权)人:上海哔哩哔哩科技有限公司
类型:发明
国别省市:上海;31

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

1