页面加载的优化方法、系统、服务器及存储介质技术方案

技术编号:24938429 阅读:25 留言:0更新日期:2020-07-17 21:02
本发明专利技术实施例公开了一种页面加载的优化方法、系统、服务器及存储介质,其中,所述方法包括:接收用户端输入的页面请求地址;确认页面请求地址对应的第一网页;根据第一网页和用户端的预设页面参数代码确认用户端加载第一网页的当前显示区域;根据当前显示区域获取第一网页对应当前显示区域的网页缓存数据;发送网页缓存数据至用户端,以使用户端加载并显示当前显示区域。本发明专利技术通过获取和解析当前显示区域的网页缓存数据,确定动态渲染参数,并根据网页缓存数据和动态渲染参数在用户端加载和显示网页,解决了由于前端框架不同导致网页加载效率降低的技术问题,实现了根据用户的需求按需加载、简化加载步骤和提升用户网页加载体验的技术效果。

【技术实现步骤摘要】
页面加载的优化方法、系统、服务器及存储介质
本专利技术实施例涉及终端的加载技术,尤其涉及一种页面加载的优化方法、系统、服务器及存储介质。
技术介绍
随着科技的迅速发展,人们越来越离不开网络,比如在电脑、手机或平板上通过各种APP或查看文字、观看视频或欣赏音乐等,或者通过浏览器进行网页的访问。目前由于前端框架的多样性,用户端在进行网页加载时所需要的加载方式也是不同的。这样就容易使得用户端在进行网页加载时存在由于前端框架的不同而导致加载效率降低和用户体验不佳的技术问题。
技术实现思路
本专利技术提供一种页面加载的优化方法、系统、服务器及存储介质,以实现根据用户的需求按需加载、减轻服务器以及用户端压力、提高加载效率和提升用户网页加载体验。第一方面,本专利技术实施例提供了一种页面加载的优化方法,包括:接收用户端输入的页面请求地址;确认所述页面请求地址对应的第一网页;根据所述第一网页和所述用户端的预设页面参数代码确认用户端加载所述第一网页的当前显示区域;根据所述当前显示区域获取所述第一网页对应当前显示区域的网页缓存数据;发送所述网页缓存数据至所述用户端,以使所述用户端加载并显示当前显示区域。进一步的,所述根据所述第一网页和所述用户端的预设页面参数代码确认用户端加载所述第一网页的当前显示区域包括:获取所述用户端的预设数据库中的预设页面参数代码;根据所述预设页面参数代码确定所述第一页面的当前显示区域的页面宽度和页面高度;根据所述第一网页、所述页面宽度和所述页面高度确认用户端加载所述第一网页的当前显示区域。进一步的,所述发送所述网页缓存数据至所述用户端,以使所述用户端加载并显示当前显示区域包括:根据预设解析规则对所述网页缓存数据进行解析,以生成渲染引擎构建框架;将所述网页缓存数据输入所述渲染引擎构建框架,以确定渲染节点坐标;根据所述渲染节点坐标生成动态渲染参数;将所述网页缓存数据和所述动态渲染参数发送至所述客户端,以使所述用户端根据所述动态渲染参数加载并显示当前显示区域。进一步的,所述根据预设解析规则对所述网页缓存数据进行解析,以生成渲染引擎构建框架之前包括:判断所述网页缓存数据是否进行过解析;若所述网页缓存数据未进行过解析,则根据所述预设解析规则对所述网页缓存数据进行解析,以生成所述动态渲染参数;若所述网页缓存数据已进行过解析,则直接根据预设数据库中的所述动态渲染参数对所述用户端的页面进行加载。进一步的,所述将所述网页缓存数据和所述动态渲染参数发送至所述客户端,以使所述用户端根据所述动态渲染参数加载并显示当前显示区域之前包括:将所述动态渲染参数存储至服务器的所述预设数据库。第二方面,本专利技术实施例还提供了一种页面加载的优化系统,包括:请求接收模块,用于接收用户端输入的页面请求地址;页面确认模块,用于确认所述页面请求地址对应的第一网页;区域确认模块,用于根据所述第一网页和所述用户端的预设页面参数代码确认用户端加载所述第一网页的当前显示区域;数据获取模块,用于根据所述当前显示区域获取所述第一网页对应当前显示区域的网页缓存数据;页面显示模块,用于发送所述网页缓存数据至所述用户端,以使所述用户端加载并显示当前显示区域。进一步的,所述区域确认模块包括:区域确认单元,用于获取所述用户端的预设数据库中的预设页面参数代码;根据所述预设页面参数代码确定所述第一页面的当前显示区域的页面宽度和页面高度;根据所述第一网页、所述页面宽度和所述页面高度确认用户端加载所述第一网页的当前显示区域。进一步的,所述页面显示模块包括:页面显示单元,用于根据预设解析规则对所述网页缓存数据进行解析,以生成渲染引擎构建框架;将所述网页缓存数据输入所述渲染引擎构建框架,以确定渲染节点坐标;根据所述渲染节点坐标生成动态渲染参数;将所述网页缓存数据和所述动态渲染参数发送至所述客户端,以使所述用户端根据所述动态渲染参数加载并显示当前显示区域。第三方面,本专利技术实施例还提供了一种服务器,包括:一个或多个处理器;存储装置,用于存储一个或多个程序,当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如上述实施例中任一项所述的页面加载的优化方法。第四方面,本专利技术实施例还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如上述实施例中任一所述的页面加载的优化方法。本专利技术通过确定页面的当前显示区域获取网页缓存数据,对网页缓存数据进行解析从而确定动态渲染参数,并根据网页缓存数据和动态渲染参数在用户端加载和显示网页,解决了现有技术中由于前端框架的不同而导致网页加载效率降低和用户体验不佳的技术问题,实现了根据用户的需求按需加载、减轻服务器以及用户端压力、提高加载效率和提升用户网页加载体验的技术效果。附图说明图1为本专利技术实施例一提供的一种页面加载的优化方法的流程图;图2为本专利技术实施例二提供的一种页面加载的优化方法的流程图;图3为本专利技术实施例二的替代实施例提供的一种页面加载的优化方法的流程图;图4为本专利技术实施例三提供的一种页面加载的优化系统的结构示意图;图5为本专利技术实施例四提供的一种服务器的结构示意图。具体实施方式下面结合附图和实施例对本专利技术作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释本专利技术,而非对本专利技术的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本专利技术相关的部分而非全部结构。在更加详细地讨论示例性实施例之前应当提到的是,一些示例性实施例被描述成作为流程图描绘的处理或方法。虽然流程图将各步骤描述成顺序的处理,但是其中的许多步骤可以被并行地、并发地或者同时实施。此外,各步骤的顺序可以被重新安排。当其操作完成时处理可以被终止,但是还可以具有未包括在附图中的附加步骤。处理可以对应于方法、函数、规程、子例程、子程序等等。此外,术语“第一”、“第二”等可在本文中用于描述各种方向、动作、步骤或元件等,但这些方向、动作、步骤或元件不受这些术语限制。这些术语仅用于将第一个方向、动作、步骤或元件与另一个方向、动作、步骤或元件区分。举例来说,在不脱离本申请的范围的情况下,可以将第一网页称为第二网页,且类似地,可将第二网页称为第一网页。第一网页和第二信息获取模块网页两者都是网页,但其不是同一网页。术语“第一”、“第二”等而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此,限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征。在本专利技术的描述中,“多个”的含义是至少两个,例如两个,三个等,除非另有明确具体的限定。实施例一图1为本专利技术实施例一提供的一种页面加载的优化方法的流程图,本实施例可适用于电脑端或移动终端的网本文档来自技高网...

【技术保护点】
1.一种页面加载的优化方法,其特征在于,包括:/n接收用户端输入的页面请求地址;/n确认所述页面请求地址对应的第一网页;/n根据所述第一网页和所述用户端的预设页面参数代码确认用户端加载所述第一网页的当前显示区域;/n根据所述当前显示区域获取所述第一网页对应当前显示区域的网页缓存数据;/n发送所述网页缓存数据至所述用户端,以使所述用户端加载并显示当前显示区域。/n

【技术特征摘要】
1.一种页面加载的优化方法,其特征在于,包括:
接收用户端输入的页面请求地址;
确认所述页面请求地址对应的第一网页;
根据所述第一网页和所述用户端的预设页面参数代码确认用户端加载所述第一网页的当前显示区域;
根据所述当前显示区域获取所述第一网页对应当前显示区域的网页缓存数据;
发送所述网页缓存数据至所述用户端,以使所述用户端加载并显示当前显示区域。


2.根据权利要求1所述的一种页面加载的优化方法,其特征在于,所述根据所述第一网页和所述用户端的预设页面参数代码确认用户端加载所述第一网页的当前显示区域包括:
获取所述用户端的预设数据库中的预设页面参数代码;
根据所述预设页面参数代码确定所述第一页面的当前显示区域的页面宽度和页面高度;
根据所述第一网页、所述页面宽度和所述页面高度确认用户端加载所述第一网页的当前显示区域。


3.根据权利要求1所述的一种页面加载的优化方法,其特征在于,所述发送所述网页缓存数据至所述用户端,以使所述用户端加载并显示当前显示区域包括:
根据预设解析规则对所述网页缓存数据进行解析,以生成渲染引擎构建框架;
将所述网页缓存数据输入所述渲染引擎构建框架,以确定渲染节点坐标;
根据所述渲染节点坐标生成动态渲染参数;
将所述网页缓存数据和所述动态渲染参数发送至所述客户端,以使所述用户端根据所述动态渲染参数加载并显示当前显示区域。


4.根据权利要求3所述的一种页面加载的优化方法,其特征在于,所述根据预设解析规则对所述网页缓存数据进行解析,以生成渲染引擎构建框架之前包括:
判断所述网页缓存数据是否进行过解析;
若所述网页缓存数据未进行过解析,则根据所述预设解析规则对所述网页缓存数据进行解析,以生成所述动态渲染参数;
若所述网页缓存数据已进行过解析,则直接根据预设数据库中的所述动态渲染参数对所述用户端的页面进行加载。


5.根据权利要求4所述的一种页面加载的优化方法,其特征在于,所述将所述网页缓存数据和所述动态...

【专利技术属性】
技术研发人员:阮亚丽
申请(专利权)人:深圳市盟天科技有限公司
类型:发明
国别省市:广东;44

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

1