页面显示的方法、装置、存储介质和电子装置制造方法及图纸

技术编号:18444968 阅读:96 留言:0更新日期:2018-07-14 10:24
本发明专利技术公开了一种页面显示的方法、装置、存储介质和电子装置。其中,该方法包括:加载当前页面;获取根据用户点击数据生成的用户数据模型;根据所述用户数据模型预测用户在所述当前页面之后第一个会访问的目标页面;预加载所述目标页面,预加载完成的资源存储到本地内存中;当接收到所述用户点击进入所述目标页面的指令时,从所述本地内存中提取所述资源并显示预加载完成的所述目标页面。本发明专利技术解决了页面加载速度比较慢的技术问题。

Page display method, device, storage medium and electronic device

The invention discloses a method for displaying a page, a device, a storage medium and an electronic device. The method includes: loading the current page; obtaining the user data model generated by the user clicking data; predicting the first target page that the user will access after the current page according to the user data model; preloading the target page, and storing the pre loaded resources into the local memory; When the user clicks on the instruction to enter the target page, the resource is extracted from the local memory and the target page that is preloaded is displayed. The invention solves the technical problem of slow loading speed on pages.

【技术实现步骤摘要】
页面显示的方法、装置、存储介质和电子装置
本专利技术涉及互联网领域,具体而言,涉及一种页面显示的方法、装置、存储介质和电子装置。
技术介绍
现有技术在页面进行渲染时优先加载首屏图片。当用户正常浏览页面时,该页面内部利用用户浏览页面的时间开始通过JavaScript加载该页面余下的图片,并将图片保存到浏览器本地缓存中。当用户出发图片浏览操作时,直接读取本地缓存来显示图片。然而,当需要跳转到下一个页面时,就需要从服务器加载页面内容,服务器与终端的数据传输需要时间,这就导致页面加载速度慢。现有技术为了提高页面加载速度,通常对当前页面的所有链接指向的页面进行预加载,造成预加载的负担很重。并且,用户只访问所有链接指向的多个页面的其中一个页面,导致客户端冗余存储了未浏览的页面的资源,降低页面加载速度。针对上述的问题,目前尚未提出有效的解决方案。
技术实现思路
本专利技术实施例提供了一种页面显示的方法、装置、存储介质和电子装置,以至少解决页面加载速度比较慢的技术问题。根据本专利技术实施例的一个方面,提供了一种页面显示的方法,包括:加载当前页面;获取根据用户点击数据生成的用户数据模型;根据所述用户数据模型预测用户在所述当前页面之后第一个会访问的目标页面;预加载所述目标页面,预加载完成的资源存储到本地内存中;当接收到所述用户点击进入所述目标页面的指令时,从所述本地内存中提取所述资源并显示预加载完成的所述目标页面。根据本专利技术实施例的又一方面,还提供了一种页面显示的方法,包括:加载单元,用于加载当前页面;获取单元,用于获取根据用户点击数据生成的用户数据模型;预测单元,用于根据所述用户数据模型预测用户在所述当前页面之后第一个会访问的目标页面;预加载单元,用于预加载所述目标页面,预加载完成的资源存储到本地内存中;提取单元,用于当接收到所述用户点击进入所述目标页面的指令时,从所述本地内存中提取所述资源并显示预加载完成的所述目标页面。根据本专利技术实施例的又一方面,还提供了一种存储介质,,所述存储介质包括存储的程序,其中,所述程序运行时执行上述页面显示的方法。根据本专利技术实施例的又一方面,还提供了一种电子装置,包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序,所述处理器通过所述计算机程序执行上述页面显示的方法。在本专利技术实施例中,在接收到指令到显示目标页面的过程中,并没有向服务器请求加载资源,而是直接从本地内存中提取预先加载好的、从当前页面跳转后的第一个页面的资源,这就不需要在显示目标页面的过程中向服务器请求加载多个页面的资源,节约了服务器和终端之间传输数据的时间,从而提高了页面的加载速度,解决了现有技术页面的加载速度比较慢的技术问题。附图说明此处所说明的附图用来提供对本专利技术的进一步理解,构成本申请的一部分,本专利技术的示意性实施例及其说明用于解释本专利技术,并不构成对本专利技术的不当限定。在附图中:图1是根据本专利技术实施例的硬件环境系统的架构图;图2是根据本专利技术实施例的页面显示的方法的流程图;图3是未采用本实施例的页面显示的方法的数据传输情况的示意图;图4是根据本实施例的页面加载方法的数据传输情况的示意图;图5是根据本专利技术实施例生成用户数据模型的示意图;图6是根据本专利技术实施例页面预加载的示意图;图7是根据本专利技术实施例的当前页面的示意图;图8是根据本专利技术实施例的目标页面的示意图;图9是根据本专利技术一实施例的页面显示的方法的流程图;图10是根据本专利技术实施例的页面加载装置的示意图;图11是根据本专利技术实施例的电子装置的示意图。具体实施方式为了使本
的人员更好地理解本专利技术方案,下面将结合本专利技术实施例中的附图,对本专利技术实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本专利技术一部分的实施例,而不是全部的实施例。基于本专利技术中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本专利技术保护的范围。需要说明的是,本专利技术的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本专利技术的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。根据本专利技术实施例,提供了一种页面显示的方法。在本实施例中,上述页面显示的方法可以应用于如图2所示的客户端102和服务器104所构成的硬件环境中。如图2所示,客户端102通过网络与服务器104进行连接,上述网络包括但不限于:广域网、城域网或局域网,客户端102可以是手机客户端,也可以是PC客户端、笔记本客户端或平板电脑客户端。在客户端102上显示页面106(不包括百分比数字)。图1中示出的硬件环境系统的主要工作原理是:客户端102向服务器104请求显示页面106,在显示页面106时,根据用户数据模型预测用户在访问页面106之后第一个要访问的目标页面。例如,页面106上广告“KPL……跨界明星赛”所对应的页面为目标页面,则预加载该广告相关的资源,在客户端102上显示页面106时,广告的资源已经存储在客户端102的本地内存。其中,广告的资源包括该广告页面的所有资源,包括视频、图片、文字和页面代码等。当接收到从页面106跳转到上述广告的页面时,直接从客户端102的本地内存提取上述广告相关的资源,从而在客户端102上面显示上述广告的页面。用户点击数据可以体现用户的浏览习惯,根据用户点击数据生成的用户数据模型预测目标页面可以准确确定用户将要浏览的目标页面,在显示页面106时就将要跳转的目标页面的资源存储到客户端本地,那么,在准确预测到将要浏览的页面的基础上进行预先存储,在跳转到目标页面时就不需要再向服务器请求加载资源,节约了向服务器请求加载资源和资源传输的时间,提高了页面加载的加载速度。并且,预加载的资源丰富,并不局限于图片,进一步提高了页面加载的加载速度。图2是根据本专利技术实施例的页面显示的方法的流程图。如图2所示,该页面显示的方法包括如下步骤:步骤S302,加载当前页面。当前页面为用户正在浏览的页面。步骤S304,获取根据用户点击数据生成的用户数据模型。用户点击数据可以通过设置在页面上的埋点进行收集。在页面上每个具有交互的地方都设置监测用点击数据的埋点,该埋点可以是数据统计的代码。当用户对页面进行点击(单击、双击、右键)以及浏览的行为时,记录这行操作所产生的数据。用户点击数据可以追踪用户在历史浏览页面中的足迹,因此,可以根据用户点击数据确定用户的浏览习惯以及预判用户的浏览路线。例如,用户习惯浏览的版块,用户感兴趣的内容,用户习惯浏览图片、视频还是文字等。例如,用户习惯先看视频,然后根据推荐视频浏览相关图片,最后会浏览图片相关的文字等浏览路线。用户的浏览习惯在客户端更新后或者用户使用对象变化时都会有变化,因此,除了根据用户点击数据来生成用户数据模型以外,还可以结合客户端的属性数据以及用户使用对象的属性数据来生成用户数据本文档来自技高网
...

【技术保护点】
1.一种页面显示的方法,其特征在于,包括:加载当前页面;获取根据用户点击数据生成的用户数据模型;根据所述用户数据模型预测用户在所述当前页面之后第一个会访问的目标页面;预加载所述目标页面,预加载完成的资源存储到本地内存中;当接收到所述用户点击进入所述目标页面的指令时,从所述本地内存中提取所述资源并显示预加载完成的所述目标页面。

【技术特征摘要】
1.一种页面显示的方法,其特征在于,包括:加载当前页面;获取根据用户点击数据生成的用户数据模型;根据所述用户数据模型预测用户在所述当前页面之后第一个会访问的目标页面;预加载所述目标页面,预加载完成的资源存储到本地内存中;当接收到所述用户点击进入所述目标页面的指令时,从所述本地内存中提取所述资源并显示预加载完成的所述目标页面。2.根据权利要求1所述的方法,其特征在于,获取根据用户点击数据生成的用户数据模型包括:根据所述用户点击数据和客户端的属性数据生成所述用户数据模型,其中,所述属性数据包括以下至少之一:所述客户端的推广数据、所述客户端的版本数据和所述客户端中页面的更新数据。3.根据权利要求1所述的方法,其特征在于,获取根据用户点击数据生成的用户数据模型包括:根据所述用户点击数据、用所述用户在客户端中使用对象的对象数据和所述客户端的属性数据生成所述用户数据模型。4.根据权利要求1所述的方法,其特征在于,获取根据用户点击数据生成的用户数据模型包括:根据所述用户点击数据和所述用户在客户端中使用对象的对象数据生成所述用户数据模型。5.根据权利要求1所述的方法,其特征在于,预加载所述目标页面,预加载完成的资源存储到本地内存中包括:预加载所述目标页面中多种类型的资源,预加载完成的所述多种类型的资源存储到本地内存,其中,所述多种类型的资源包括文字资源、代码资源和图片资源。6.根据权利要求5所述的方法,其特征在于,所述代码资源包括页面层叠样式表和JS脚本,预加载所述目标页面中多种类型的资源包括:按照所述目标页面的文字资源、所述目标页面的页面层叠样式表、所述目标页面的JS脚本和所述目标页面的图片的顺序预加载所述目标页面的所述多种类型的资源。7.一种页面显示的装置,其特征在于,包括:加载单元,用于加载当前页面;获取单元,用于获取根据用户点击数据生成的用户数据模型;预测单元,用于根据所述用户数据模...

【专利技术属性】
技术研发人员:柯思豪
申请(专利权)人:腾讯科技深圳有限公司
类型:发明
国别省市:广东,44

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

1