页面资源加载的方法及装置制造方法及图纸

本发明专利技术公开了一种页面资源加载的方法及装置。其中，该方法包括：获取待加载页面资源，其中，上述待加载页面资源为当前显示页面之外需要加载的页面资源；基于当前网络状态和当前界面交互状态确定上述待加载页面资源进入预加载状态；在上述预加载状态下，对上述待加载页面资源执行预加载操作。本发明专利技术解决了现有技术中对页面资源进行预加载的方式存在加载效果差，影响用户体验感的技术问题。

【技术实现步骤摘要】
页面资源加载的方法及装置
本专利技术涉及页面资源加载
，具体而言，涉及一种页面资源加载的方法及装置。
技术介绍
现有技术中的加载页面资源的方式主要包括：预加载和懒加载，其中，预加载方式是指使用preload的方式，实现提前加载指定页面资源，上述preload是通过连接资源的元素属性值提前加载指定页面资源，但无法控制加载顺序导致用户体验差，并且，如果过于滥用preload提前加载资源，还会导致加重当前显示页面的负担。针对上述的问题，目前尚未提出有效的解决方案。
技术实现思路
本专利技术实施例提供了一种页面资源加载的方法及装置，以至少解决现有技术中对页面资源进行预加载的方式存在加载效果差，影响用户体验感的技术问题。根据本专利技术实施例的一个方面，提供了一种页面资源加载的方法，包括：获取待加载页面资源，其中，上述待加载页面资源为当前显示页面之外需要加载的页面资源；基于当前网络状态和当前界面交互状态确定上述待加载页面资源进入预加载状态；在上述预加载状态下，对上述待加载页面资源执行预加载操作。根据本专利技术实施例的另一方面，还提供了一种页面资源加载的装置，包括：获取模块，用于获取待加载页面资源，其中，上述待加载页面资源为当前显示页面之外需要加载的页面资源；确定模块，用于基于当前网络状态和当前界面交互状态确定上述待加载页面资源进入预加载状态；加载模块，用于在上述预加载状态下，对上述待加载页面资源执行预加载操作。根据本专利技术实施例的另一方面，还提供了一种存储介质，上述存储介质包括存储的程序，其中，在上述程序运行时控制上述存储介质所在设备执行任意一项上述的页面资源加载的方法。根据本专利技术实施例的另一方面，还提供了一种处理器，上述处理器用于运行程序，其中，上述程序运行时执行任意一项上述的页面资源加载的方法。在本专利技术实施例中，通过获取当前显示页面之外需要预加载的页面资源，并根据当前网络状态和当前界面交互状态，确定待加载页面资源进入预加载状态，并在上述预加载状态下，对上述待加载页面资源执行预加载操作；由于上述预加载操作执行过程可控，且基于该加载空闲时段对待加载页面资源执行预加载操作，即预加载过程中用户无需等待过长的时间，达到了有效提升对页面资源进行预加载的加载效果的目的，从而实现了提升用户体验感的技术效果，进而解决了现有技术中对页面资源进行预加载的方式存在加载效果差，影响用户体验感的技术问题。附图说明此处所说明的附图用来提供对本专利技术的进一步理解，构成本申请的一部分，本专利技术的示意性实施例及其说明用于解释本专利技术，并不构成对本专利技术的不当限定。在附图中：图1是根据本专利技术实施例的一种页面资源加载的方法的流程图；图2是根据本专利技术实施例的一种可选的页面资源加载的方法的流程图；以及图3是根据本专利技术实施例的一种页面资源加载的装置的结构示意图。具体实施方式为了使本
的人员更好地理解本专利技术方案，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分的实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本专利技术保护的范围。需要说明的是，本专利技术的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本专利技术的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。首先，为方便理解本专利技术实施例，下面将对本专利技术中所涉及的部分术语或名词进行解释说明：WebWorker:用于为JavaScript创造多线程环境，允许主线程创建Worker线程。实施例1根据本专利技术实施例，提供了一种页面资源加载的方法实施例，需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。图1是根据本专利技术实施例的一种页面资源加载的方法的流程图，如图1所示，该方法包括如下步骤：步骤S102，获取待加载页面资源，其中，上述待加载页面资源为当前显示页面之外需要加载的页面资源；步骤S104，基于当前网络状态和当前界面交互状态确定上述待加载页面资源进入预加载状态；步骤S106，在上述预加载状态下，对上述待加载页面资源执行预加载操作。在本专利技术实施例中，通过获取当前显示页面之外需要预加载的页面资源，并根据当前网络状态和当前界面交互状态，确定待加载页面资源进入预加载状态，并在上述预加载状态下，对上述待加载页面资源执行预加载操作；由于上述预加载操作执行过程可控，且基于该加载空闲时段对待加载页面资源执行预加载操作，即预加载过程中用户无需等待过长的时间，达到了有效提升对页面资源进行预加载的加载效果的目的，从而实现了提升用户体验感的技术效果，进而解决了现有技术中对页面资源进行预加载的方式存在加载效果差，影响用户体验感的技术问题。需要说明的是，本申请实施例所提供的页面资源加载的方法的实施例，可以但不限于应用于多页面的直播平台、购物平台等的应用场景中。可选的，上述待加载页面资源为当前显示页面之外需要加载的页面资源，包括但不限于为图片、图标、文件(例如，js文件、css文件)等。在一种可选的实施例中，在获取待加载页面资源之前，通过检测上述当前显示页面的页面资源是否加载完成；若检测结果指示已加载完成，则执行上述获取待加载页面资源的步骤；若检测结果指示未加载完成，则等待预定时间，直至上述当前显示页面的页面资源加载完成。在另一种可选的实施例中，在获取待加载页面资源之后，通过检测客户端的当前网络状态是否为目标网络状态，其中，上述目标网络状态为支持执行上述预加载操作的网络状态；若检测到上述当前网络状态为上述目标网络状态，则检测上述客户端的当前界面交互状态；若检测到上述当前界面交互状态为交互空闲状态，则确定上述待加载页面资源进入上述预加载状态。在上述预加载状态下，获取客户端的加载空闲时段，并通过比对上述加载空闲时段与预定空闲时段的大小；若上述加载空闲时段大于上述预定空闲时段，则在上述加载空闲时段加载上述待加载页面资源中的第一类待加载资源；若上述加载空闲时段小于或等于上述预定空闲时段，则在上述加载空闲时段加载上述待加载页面资源中的第二类待加载资源。在一种可选的实施例中，加载上述第一类待加载资源所需的带宽大于加载上述第二类待加载资源所需的带宽，且加载上述第一类待加载资源所需的耗时大于加载本文档来自技高网...

【技术保护点】
1.一种页面资源加载的方法，其特征在于，包括：/n获取待加载页面资源，其中，所述待加载页面资源为当前显示页面之外需要加载的页面资源；/n基于当前网络状态和当前界面交互状态确定所述待加载页面资源进入预加载状态；/n在所述预加载状态下，对所述待加载页面资源执行预加载操作。/n

【技术特征摘要】
1.一种页面资源加载的方法，其特征在于，包括：
获取待加载页面资源，其中，所述待加载页面资源为当前显示页面之外需要加载的页面资源；
基于当前网络状态和当前界面交互状态确定所述待加载页面资源进入预加载状态；
在所述预加载状态下，对所述待加载页面资源执行预加载操作。


2.根据权利要求1所述的方法，其特征在于，在获取待加载页面资源之前，所述方法还包括：
检测所述当前显示页面的页面资源是否加载完成；
若检测结果指示已加载完成，则执行所述获取待加载页面资源的步骤；若检测结果指示未加载完成，则等待预定时间，直至所述当前显示页面的页面资源加载完成。


3.根据权利要求1所述的方法，其特征在于，基于当前网络状态和当前界面交互状态确定所述待加载页面资源进入预加载状态包括：
检测客户端的当前界面交互状态；
检测所述客户端的当前网络状态；
若所述当前网络状态为目标网络状态且所述当前界面交互状态为交互空闲状态，则确定所述待加载页面资源进入所述预加载状态。


4.根据权利要求3所述的方法，其特征在于，所述目标网络状态为支持执行所述预加载操作的网络状态。


5.根据权利要求3所述的方法，其特征在于，检测所述客户端的当前界面交互状态，包括：
检测所述当前显示页面中是否执行目标操作事件，其中，所述目标操作事件包括以下至少之一：点击事件、滚动事件、拖拽事件、信息获取事件；
若检测到所述当前显示页面中未存在所述目标操作事件，则确定所述当前界面交互状态为所述交互空闲状态。


6.根据权利要求1所述的方法，其...

【专利技术属性】
技术研发人员：黄富华，
申请(专利权)人：网易杭州网络有限公司，
类型：发明
国别省市：浙江;33